Dzięki wprowadzeniu zaawansowanej wizualizacji danych, znakowaniu, filtrowaniu i migawkom szybkość Google zapewnia kompleksowe rozwiązanie dla każdego webmastera, który chce poprawić wydajność swojej witryny, rankingi wyszukiwarek i numery odwiedzin. Jeśli strona ładuje się powoli, nie zawsze jest łatwo wykryć problem. Na szczęście istnieje darmowe narzędzie, które użytkownik może zastosować, aby dowiedzieć się, co dokładnie spowalnia ładowanie strony.
Google PageSpeed Insights to narzędzie, które pozwala szybko i łatwo przetestować szybkość strony. Aby to sprawdzić, wpisz adres URL i kliknij Analizuj, aby szybko uzyskać od Google szczegółowy raport na temat szybkości witryny z przyczyn spowolnienia tej strony na podstawie dwóch opcji z zaleceniami dotyczącymi jej usunięcia.
Perfekcyjne oszacowanie terenu
Według Google system weryfikuje wydajność stron dla wersji na telefony komórkowe i komputery stacjonarne, wyodrębnia adresy URL raz za pomocą agenta mobilnego, a drugi za pomocą agenta pulpitu komputera. Prędkość strony wynosi od 0 do 100 punktów. Wyższy wynik, oczywiście, jest lepszy, a szacunkowe 85 lub więcej jest doskonałym wskaźnikiem szybkości strony Google. Jeśli właściciel widzi w raporcie dużo czerwieni i żółci, wynika to z faktu, że na stronie występują poważne problemy z pobieraniem. Narzędzie to zgłosiproblemy, chociaż komunikaty o błędach mogą być nieco trudne do zrozumienia. Oto, co programista może uzyskać w wiadomości usługi:
Unikaj przekierowań stron docelowych, aby upewnić się, że Google przetestowało prędkość witryny. Jeśli strona nie została zaprojektowana szybko, wynikiem może być kilka przekierowań do stron zoptymalizowanych dla różnych urządzeń.
Włącz kompresję. Dzisiejsze przeglądarki oferują mniejszą alternatywną wersję strony dla użytkowników Internetu. Po włączeniu kompresora gzip te strony można zmniejszyć o 90%.
Minimalizowanie CSS, HTML, javascript. Dotyczy to usuwania niepotrzebnych danych. Złe kodowanie może być przyczyną słabej wydajności witryny i można je wyeliminować na wiele różnych sposobów.
Priorytet wyżej opisanej treści. Szybkość otwierania stron zależy nie tylko od szybkości ładowania strony. Dotyczy to również "postrzeganej wydajności". Jeśli kod jest niepoprawnie ustrukturyzowany, wynikiem może być zmniejszenie postrzeganej wydajności w umyśle użytkownika, nawet jeśli prędkość pobierania witryny jest normalna.
Przyspiesz czas reakcji serwera. Jest to czas potrzebny serwerowi, aby rozpocząć pobieranie zawartości strony do użytkownika, co może spowolnić wiele czynników w zależności od wymagań Google. Jeśli chcesz, aby strona była błyskawiczna i zapewniała dobrą szybkość, lepiej zapłacić przyzwoitym hostingiem.
Wyeliminuj javascript z blokowaniem renderowania. Java pozwalaużyj potężnych narzędzi firm trzecich i interaktywnych elementów strony. Problem polega na tym, że Java zatrzymuje również parsowanie kodu HTML.
Buforowanie przeglądarki po sprawdzeniu prędkości strony Google Page Speed. Zalecane jest buforowanie z okresem nie dłuższym niż siedem dni, a dla niezmienionych elementów jeden rok.
Optymalizacja obrazów. Testerzy na blogu Google ostrzegają przed zagrożeniami wizerunkowymi dotyczącymi szybkości witryny.
Przyspieszone ładowanie stron
Sprawdzanie szybkości witryny Google jest dobrowolne. Według Google, strona internetowa może stracić połowę odwiedzających podczas startu systemu. Oznacza to, że chcą, aby czas pobierania był krótki i przyjemny, aby zmaksymalizować interfejs użytkownika. Jednak raporty MachMetrics wskazują, że czas wczytywania strony jest nadal zbyt wolny. Jest to cenna informacja, ale właściciel witryny powinien się skupić na poprawie oceny. W takim przypadku należy zwrócić uwagę na listę ofert dostępnych w Google. Po zapoznaniu się z tymi wskazówkami i sprawdzeniu, jak zmieni się czas ładowania strony, możesz ogólnie uzyskać szybszą witrynę. Aby przetestować prędkość pobierania Google Speed, użyj funkcji PageSpeed Insights, która działa z zestawem reguł dotyczących szybkości i użyteczności. Stawki wydajności będą opierać się na regularnie aktualizowanych zasadach Google, aby zapewnić zgodność z najnowocześniejszymi praktykami w witrynie. Oznacza to, że poprawa oceny dzisiaj nie możew celu zagwarantowania wysokiego wyniku za sześć miesięcy lub rok. Nie wprowadzaj niepotrzebnych zmian na urządzeniach mobilnych lub komputerach, jeśli problem jest pojedynczy. Interfejs użytkownika Google dla tego systemu jest fantastycznie prosty. Zawiera sekcje "Możliwe optymalizacje" i "Znaleziono optymalizacje". Sprawdzanie szybkości pobierania witryny Google Speed w kategorii "Znaleziona optymalizacja" nie jest łatwe, ponieważ zweryfikowana strona jest już zgodna z wymaganiami Google, chociaż z biegiem czasu może się to zmienić. W międzyczasie trzeba skupić się tylko na możliwościach optymalizacji. Możesz znaleźć krótkie zdania na liście z Google, takie jak "Minimalizuj HTML" lub "Priorytetuj widoczną treść". Większość programistów interfejsów rozumie, co to oznacza i od razu wie, jak rozwiązać problem. Jeśli niedoświadczeni właściciele witryn o tym nie wiedzą, mogą po prostu kliknąć na komunikat "Pokaż, jak naprawić" w każdej proponowanej optymalizacji, aby poszerzyć swoją wiedzę i poznać wszystkie podstawowe kroki, aby rozwiązać problem. Trzeba to zrobić przy każdej optymalizacji, aby programiści mogli w pełni wykorzystać możliwości PageSpeed Insights.
Proces pomiaru
Mierzy czasy ładowania strony. Po ocenie szybkości witryny Google wykonuje optymalizację zalecaną przez Google PSI.
Znaczy czas ładowania strony. Jeśli przyspieszy to działanie witryny, zachowaj zmiany. W przeciwnym razie anuluj je. Powtarzaj, aż wszystkie podpowiedzi PSI zostaną zakończone.
Ten proces próbny iBłędy są uciążliwe, ale w przypadku monitorowania prędkości eliminują połowę problemów. Google używa wartości PageSpeed Insights dla wartości zerowych w stosunku do parametrów, które najprawdopodobniej powodują opóźnienie rozruchu. Podczas naprawiania tych konkretnych problemów programista będzie miał stronę internetową z szybszymi plikami do pobrania. Ponownie, ocena nie jest wszechwiedząca. "Najlepsze praktyki" oznaczają po prostu, że PageSpeed Insights skupia się na tym, co może zmienić sytuację i jest szeroko stosowany w celu zwiększenia wydajności. Analiza może się różnić. W ostatecznym rozrachunku korzystanie z rekomendacji PageSpeed Insights jest lepsze niż opuszczanie witryny za darmo w internecie.
Przekierowanie strony docelowej
Po sprawdzeniu prędkości pobierania strony w Google, PageSpeed Insights stwierdza, że istnieje więcej niż jedno przekierowanie z tego adresu URL na stronie do końcowej strony docelowej. Jako przykład możesz odwołać się do przekierowania w następujący sposób: example.com - & gt; https://example.com - & gt; https://www.example.com. Zamiast tego właściwą wersją powinno być: example.com - & gt; https://www.example.com. Często istnieje łańcuch przekierowania w liczbie mnogiej, ponieważ istnieją dwie części kodu, z których każda obsługuje swoją część przekierowań. Załóżmy, że jeden plik kodu obsługuje przekierowanie https, a drugi to ręczne przekierowanie ze starych adresów URL na nowe strony. Aby naprawić błąd, zbierz przekierowania do jednej "funkcji". Witryny często zawierają następujące typy przekierowań:
Jeśli witryna działa w wersji mobilnej - w innej domenie, subdomenie lub podfolderze - spowoduje to niepotrzebne przekierowanie dla wszystkich użytkowników mobilnych. Ogólny przykład: example.com - & gt; m.example.com Jeszcze gorszy przykład: example.com - & gt; www.example.com - & gt; m.example.com Google zaleca utworzenie responsywnej witryny, więc dokładnie ta sama treść jest wyświetlana dla wszystkich urządzeń - jest po prostu skalowana i wykonywana inaczej, w zależności od szerokości ekranu urządzenia. Narzędziem, którego możesz użyć w tym przypadku, jest usługa status.io, w której możesz łatwo wprowadzić jeden lub więcej adresów URL, aby sprawdzić, w jaki sposób zostaną przekierowane.
Optymalizacja zdjęć
Jeśli test prędkości pobierania strony Google ma minimalny wynik, programista musi postępować zgodnie z następującymi wskazówkami, aby osiągnąć wysokie wyniki:
Obraz jest najczęstszą przyczyną niskich wskaźników prędkości PageSpeed.
W większości witryn obrazy stanowią ponad 50% pobranych treści, dzięki czemu można znacznie poprawić sytuację, optymalizując zdjęcia.
Z reguły większość zdjęć na stronie internetowej powinna mieć mniej niż 100 KB. Pełnowymiarowe tła to często więcej, więc potrzebna jest optymalizacja. Tutaj Google to przemyślał. Pozwala przesyłać już zoptymalizowane obrazy u dołu raportu PageSpeed. Następnie wszystko, co musisz zrobić, to je pobrać.
Jeśli używasz WordPressa, WP Smush jest doskonaławtyczka do tych celów. Obejmuje także możliwość automatycznej zmiany rozmiaru obrazów i ich kompresji.
Wewnętrzne i zewnętrzne zasoby
Istnieją dwa rodzaje zasobów, które mogą załadować stronę. Domeny to zasoby w witrynie kontrolowanej przez programistę. Zewnętrzne - są to zasoby pobierane przez programistę z innych źródeł w Internecie i nie są przez nie kontrolowane. Najnowsze są najczęściej wyświetlane w bloku "Wyklucz". Oto, co można zrobić, aby uczynić blokowania zasobów, jeśli analiza wykazała prędkość Google Site niezadowalających wyników:
zasoby wewnętrzne mogą być często połączone w jeden, po prostu przesyłając zoptymalizowane pliki JavaScript i CSS na dole raportu PageSpeed. Lub jeśli istnieje system CMS, na przykład WordPress, używają wtyczki ti-mize do obsługi połączonych elementów.
Niektóre zasoby w połączeniu mogą przestać działać, więc upewnij się, że zmiany są odwracalne.
Zewnętrzne zasoby, które można tworzyć wewnętrznie. Jeśli pobierasz czcionki z Internetu, lepiej zrobić to ze swojego serwera.
Niektóre zasoby wewnętrzne, które można usunąć z pobierania. Motywy lub wtyczek na stronie można pobrać z zasobów, które tak naprawdę nie potrzebują, więc nie korzystać z tej funkcji. W ten sposób możesz dodać kod do swojej witryny, aby zabronić pobierania tych zasobów.
Niektóre środki mogą być zastąpione przez coś innego, co wymaga mniej czasu, aby pobrać.
W niektórych zewnętrznie programistów może zrobić nic, potem utknie.
Aby buforować przeglądarkę, dodaj kod do pliku .htaccess lub skontaktuj się z firmą hostingową, aby włączyć buforowanie pamięci podręcznej zasobów wewnętrznych.
Jeśli programista nie może nic zrobić z zasobami zewnętrznymi i przeglądarkami z pamięcią podręczną, lepiej jest zwrócić się o pomoc do specjalistów.
Minimalizuj HTML i CSS
Aby zwiększyć szybkość witryny po testach Google, zminimalizuj HTML i CSS. Odbywa się to poprzez usunięcie dodatkowych plików na stronie. Ten dodatkowy materiał to zazwyczaj zakładki, spacje i nowe linie - wszystko, co pozwala danej osobie czytać, i jest to bardzo ważne dla komputera. Istnieją trzy główne typy danych, które możesz zrobić mniej:
HTML;
CSS;
javascript.
Większość witryn ma wiele plików do pobrania. Można jednak łączyć ze sobą kilka części, aby je zmniejszyć, a prawie zawsze można usunąć nadmiar materiału. Jeśli programista używa WordPress, you-mize jest bardzo dobrą wtyczką do tego. Większość witryn może bez problemu korzystać z HTML i CSS. Niezależnie od tego, czy minie JS, to szybkość witryny zależy od tego, które wtyczki i motywy są używane. Wiadomo, że skompresowany plik zajmuje mniej miejsca niż oryginał. Ta sama zasada dotyczy Internetu: skompresowane dane zajmują mniej miejsca. Tak więc, najważniejsze - aby włączyć kompresję na serwerze WWW, aby zmniejszyć rozmiar plików, a następnie mniejsze pliki będą pobierane szybciej na stronie. Oznacza to, że osoby, które odwiedzają witrynę, są bardziej skłonne do otrzymania niezbędnych informacji iczuć się komfortowo. Na większości serwerów WWW możesz włączyć kompresję gzip za pomocą małego dodatku do pliku .htaccess. Możesz też skorzystać z pomocy hostingu.
"Postrzegana" zawartość treści
Widoczna zawartość jest częścią strony internetowej wyświetlanej użytkownikom na ekranie przed dalszym przewijaniem strony. Strony, które wydają się bardzo szybkie i łatwe do pobrania, są często tak duże, jak wolne. Użytkownicy uwielbiają strony, które wyświetlają treści szybko. Jeśli programista otrzyma wiadomość o priorytecie widocznej treści w formacie Google podczas analizy witryny, skorzystaj z tych mechanizmów. Google oferuje dwie główne strategie, aby to osiągnąć, i zapewniają całkiem niezły plan zmiany stron. Jednym z najszybszych, najprostszych i najczęstszych sposobów poprawy postrzegania przez użytkownika pobierania strony internetowej jest upewnienie się, że HTML pokazuje zawartość strony internetowej, zanim prezentuje inne dane. Oto przykład stron z paskiem bocznym. Jeśli jest wymieniony jako pierwszy w HTML, ładuje pierwszy przed głównym obszarem zawartości. Typowy pasek boczny zawiera przyciski promocyjne i społecznościowe oraz inne treści, które stanowią treści stron trzecich. Dlatego jeśli pobierze do głównej zawartości, faktycznie zmusza użytkownika do czekania na wyświetlenie żądanej treści, co jest bardzo złe. Można to zmienić za pomocą jednej prostej akcji - umieścić sekcję treści przed sekcją paska bocznego, która przedstawi najpierw użytkownikom głównetreść i dalszy przegląd witryny - kwestia ich wyboru.
javascript z blokowaniem renderowania
Podczas pomiaru prędkości strony Google PageSpeed Insights można uzyskać propozycję usunięcia blokady javascript i CSS. Większość stron internetowych zawiera kombinację kodu HTML, CSS, javascript i kodu PHP, które dodają zawartość, formatowanie i interaktywność do strony. Podczas renderowania strony internetowej przeglądarka najpierw pobiera skrypty i kod CSS, a następnie przechodzi do HTML. Opóźnienie w ładowaniu skryptów i CSS uniemożliwia użytkownikom wyświetlanie dowolnej treści na ekranie, stąd termin "renderowanie blokowania". Mimo że opóźnienie może wynosić tylko milisekundę, witryna będzie wyglądać "wolno" dla użytkownika. Istnieje wiele metod naprawy skryptów blokujących i CSS WordPress, które optymalizują czas wczytywania strony. Najprostszym sposobem jest użycie wtyczki do buforowania. Oto dwa przykłady, które warto wypróbować dla programistów: naprawianie skryptów blokujących renderowanie i automatyczna optymalizacja CSS. Ty-mize jest popularnym wyborem do automatycznej optymalizacji czasu ładowania strony WordPress. Dzięki temu administratorzy mogą korzystać z zaawansowanych technik optymalizacji kodu bez konieczności posiadania specjalistycznej wiedzy. Administratorzy mogą wybrać z menu opcji, aby zmniejszyć czas ładowania strony, odrzucając zmiany, jeśli wystąpią nieprzewidziane zdarzenia:
Aby rozpocząć, zaloguj się do panelu sterowania WordPress i wybierz opcję Wtyczki & gt; Dodaj nowy.
Znajdź ti-mize, a następnie zainstaluj i aktywuj wtyczkę.
Przejdź do Ustawienia & gt; You-mize, aby zobaczyć konfigurację wtyczki.
Na karcie Strona głównazaznacz pola wyboru "Optymalizuj kod javascript" i "Optymalizuj kod CSS", a następnie kliknij "Zapisz zmiany".
Ponownie odwiedź witrynę za pomocą narzędzia Google PageSpeed Insights i porównaj wyniki.
Narzędzia poprawiające czas ładowania
Istnieje kilka narzędzi, które można wykorzystać do zwiększenia szybkości strony lub po prostu zobaczyć, jak działa strona:
Szybkość strony jest klasyczna. Daje programistom wszystkie klucze i wskazówki dotyczące zwiększania obciążenia strony.
Test strony internetowej to narzędzie Google. Oferuje bezpłatny test prędkości, który obejmuje wykresy optymalizacji strony.
YSlow to wtyczka, która szybko pokazuje, jak działa strona i daje programistom informacje o tym, jak zwiększyć prędkość.
Kompresor YUI - To narzędzie pomaga skompresować kod, minimalizując javascript i CSS.
OnCrawl - oferuje przejrzysty przegląd wydajności strony i pomaga ustalić, które z nich powinny być najpierw zoptymalizowane.
Korzystanie z kluczy programisty Chrome
Przeglądarka internetowa Google Chrome zawiera narzędzia dla programistów. Pomagają rozwiązać problemy za pomocą HTML, CSS i [removed]. Aby uzyskać dostęp do Narzędzi dla programistów w systemie Microsoft Windows lub Linux, naciśnij Ctrl + Shift + I. Dla tego samego, Apple Mac OS X kliknie Opcje + Polecenie + I. Na karcie Sieć w panelu Narzędzia dla programistów w przeglądarce Chrome wyświetlane są wszystkie połączenia dla bieżącego. strony Aby przetestować konkretną stronę, otwórz Narzędzia dla programistów i przejdź do niego. Ponadto, jeśli chcesz przetestować bieżącą stronę,po prostu zaktualizuj. Chrome wyświetla informacje dla każdej właściwości strony i jej zapytania:
Nazwa lub adres URL żądanego zasobu.
Metoda HTTP (GET lub POST).
Status.
Kod statusu HTTP zwrócony przez serwer.
Zasób MIME.
Inicjator - Strona odsyłająca jest wysyłana na serwer, zazwyczaj adres URL jest wyświetlany na stronie.
Rozmiar zasobu odebranego przez przeglądarkę (jeśli strona została skompresowana przez serwer, ta wartość jest mniejsza niż rzeczywisty rozmiar pliku).
Łączny czas na wyodrębnienie zasobu, w tym wyszukiwanie DNS i czas pobierania.
Harmonogram - oś czasu to blok danych, który tymczasowo sprawdza każde żądanie.
Po wskazaniu kursorem myszy na panelu pojawi się okno podręczne ze szczegółowym podziałem czasu rozruchu:
Zablokuj - obejmuje czas wyszukiwania DNS, biletowanie SSL i połączenie z serwerem.
Wysyłanie - Obejmuje czas wysłania żądania wraz ze wszystkimi danymi do serwera.
Oczekiwanie - uwzględnia czas, w którym serwer powinien wyświetlić zawartość do wyświetlenia i rozpocząć wysyłanie jej do przeglądarki.
Odbiór - obejmuje czas potrzebny na pobranie zawartości.
Czasami serwer rozpoczyna wysyłanie treści do jej utworzenia. Na przykład skrypt PHP może rozpocząć wysyłanie HTML, chociaż wciąż dynamicznie generuje treść strony. Ten typ skryptu może prowadzić do nieprawidłowych wyników limitu czasu. Połączenie czasu oczekiwania jest najważniejszym czynnikiem w określaniu prędkości witryny. Szybkość połączenia z Internetem również może mieć wpływ na wydajnośćprogramiści powinni zawsze porównywać czas podczas oceniania kryteriów wydajności witryny. U dołu karty "Sieć" znajduje się podsumowanie procesu ładowania strony. To podsumowanie obejmuje całkowitą liczbę zapytań, rozmiar strony, w tym jej zasoby, oraz czas potrzebny na wyświetlenie strony w przeglądarce. Po przeanalizowaniu wydajności ładowania strony w witrynie właściciel będzie miał lepsze pojęcie o tym, gdzie może skoncentrować swoje wysiłki na optymalizacji prędkości.
