Gabriel Brooks
0 
4184
190
Niska prędkość ładowania strony jest jednym z głównych powodów, dla których Twoja witryna nie otrzymuje trafień, na które zasługuje.
Ponieważ zainteresowanie odbiorców wciąż jest niskie, oto kilka najważniejszych wskazówek, jak przyspieszyć witrynę i upewnić się, że odwiedzający ją pozostaną.
1. Zmniejsz rzeczywisty rozmiar swojej witryny
Jeśli witryna ładuje się wolniej niż trzy sekundy, ludzie prawdopodobnie ją opuszczą, nawet zanim strona główna się załaduje. Użycie niewłaściwego formatu dla zdjęć może z łatwością nadmuchać witrynę i zepsuć w inny sposób wspaniałe wrażenia z przeglądania.
Ponad 70% mobilnych stron internetowych ma ponad 1 MB, a 12% ponad 4 MB! Pamiętaj, że trzeba siedem sekund pobrać 1,5 MB na dobrym połączeniu 3G. Najlepszą praktyką jest utrzymywanie każdej strony poniżej 0,5 MB.
Poznaj różnicę między JPG, PNG i GIF i upewnij się, że używasz wymaganej rozdzielczości.
Według GlobalStats są to najczęściej używane rozdzielczości ekranu w 2018 roku:
- 22,55% używa rozdzielczości 360 x 640 (mobilny)
- 11,73% używa rozdzielczości 1366 x 768
- 8,26% używa rozdzielczości 1920 x 1080
- 4,91% używa rozdzielczości 375 x 667 (mobilny)
- 2,94% używa rozdzielczości 1440 x 900
To ponad 50% wszystkich użytkowników, więc zastanów się nad tym, dodając zdjęcia do swojej witryny.
2. Zaprojektuj swoją witrynę na urządzenia mobilne
Według badań przeprowadzonych przez Google w ubiegłym roku na temat szybkości stron mobilnych:
Według nowej analizy średni czas potrzebny do pełnego załadowania mobilnej strony docelowej wynosi 22 sekundy. Jednak 53% odwiedzających witrynę mobilną opuszcza stronę, której ładowanie trwa dłużej niż trzy sekundy. To duży problem.
Ponad 75% witryn mobilnych potrzebuje 10 sekund lub więcej, aby załadować się przez 3G. Ponad połowa całego ruchu odbywa się za pośrednictwem urządzeń mobilnych i raczej nie spadnie. Zachowaj mały ślad na stronie internetowej, aby uszczęśliwić użytkowników Internetu mobilnego i upewnij się, że się trzymają!
Jeśli korzystasz z CMS, takiego jak WordPress, Joomla lub Drupal Drupal vs. Wordpress: Jaki jest najlepszy CMS typu open source? Drupal vs. Wordpress: Jaki jest najlepszy CMS typu open source? Planujesz założyć stronę internetową, ale nie możesz wybrać odpowiedniego CMS typu open source? Oto jak wybrać między WordPress a Drupal. , istnieją wtyczki, dzięki którym Twoja witryna jest bardziej przyjazna dla urządzeń mobilnych.
Alternatywnie możesz użyć narzędzi takich jak bMobilized lub Duda Mobile, aby przekonwertować witrynę na komputery stacjonarne na komórki. To powiedziawszy, często najlepiej jest zaprojektować oddzielną stronę internetową, aby zapewnić najlepszą jakość użytkownikom mobilnym.
Powinieneś również rozważyć zaoferowanie uproszczonej wersji swojej witryny za pomocą projektu Przyspieszone strony mobilne (AMP). Korzystanie ze stron AMP poprawi szybkość ładowania strony na urządzeniach mobilnych. Istnieją ścisłe wytyczne dotyczące JavaScript i CSS, ale korzyści są mierzalne.
Niezależnie od tego, którą drogę wybierzesz, upewnij się, że witryna mobilna jest lekka i postaraj się zachować zalecenie 0,5 MB na stronę.
3. Upewnij się, że Twoja witryna jest zminimalizowana
Jeśli piszesz własną witrynę od zera, edytuj ją regularnie. W miarę rozwoju projektu zapewne uczysz się bardziej wydajnych sposobów wykonywania zadań, dlatego w miarę udoskonalania kodu pamiętaj o ponownym przejrzeniu kodu.
Zminimalizuj i połącz swoje CSS, HTML i JavaScript. Jeśli korzystasz z sieci CDN, na przykład Cloudflare, istnieje specjalna karta do poprawy prędkości, gdzie pierwszą opcją jest Auto Minify. Jeśli korzystasz z narzędzia do tworzenia stron internetowych (takiego jak Squarespace lub Weebly), jest to prawdopodobnie domyślnie zrobione.
Pamiętaj, aby przetestować witrynę po włączeniu czegokolwiek, co łączy lub zmniejsza zasoby witryny. Eksperymentuj z różnymi opcjami, aby zobaczyć, co jest najlepsze dla Twojej witryny, ponieważ niektóre funkcje mogą działać z włączoną funkcją Minify.
4. Unikaj ładowania skryptów, gdy nie są potrzebne
Konieczność załadowania kilku plików JavaScript, zanim będą one potrzebne, niepotrzebnie spowolni prędkość całej strony. Jeśli to możliwe, unikaj ładowania skryptów z serwerów innych firm.
Zażądanie ich spowoduje dalsze spowolnienie ładowania i może potencjalnie stanowić zagrożenie bezpieczeństwa. Zachowaj je na serwerze swojej witryny, jeśli to możliwe.
Możesz użyć odraczać lub asynchronizacja aby opóźnić ładowanie określonych plików JavaScript, aby zmniejszyć obciążenie urządzeń odwiedzających i poprawić szybkość ładowania stron. Alternatywnie, w przypadku małych skryptów możesz inline JavaScript bezpośrednio do dokumentu HTML.
Async powie przeglądarce, aby kontynuowała analizowanie kodu HTML w tym samym czasie, gdy pobierane są pliki JavaScript. Wstrzymanie nastąpi wtedy, gdy plik zostanie w całości pobrany.
Tymczasem odroczenie powie przeglądarce, aby wykonała pliki JavaScript po przeglądarka zakończyła parsowanie całego dokumentu HTML.
Przeglądarka domyślnie wstrzymuje analizowanie plików HTML podczas pobierania i wykonywania dowolnych plików JavaScript.
Wstawienie JavaScript w dokumencie HTML pomoże zmniejszyć liczbę plików, które przeglądarka musi pobrać przed wyświetleniem strony. Możesz wstawić JavaScript, dodając zawartość dowolnego zewnętrznego pliku JavaScript między znacznikami skryptu.
Możesz bezpiecznie używać funkcji odroczenia i asynchronizacji w Google Analytics, Facebook Pixel i innych narzędziach analitycznych i raportowaniu błędów bez wpływu na funkcjonalność strony.
Na koniec zastanów się, czy kody śledzenia, analizy, dodatkowe funkcje i reklamy wyświetlane w Twojej witrynie są konieczne. Jeśli to możliwe, używaj bardziej lekkich opcji i złomuj je, jeśli nie dodadzą nic wartościowego tobie lub odwiedzającym.
5. Użyj buforowania i CDN
Sieć dostarczania treści (CDN) skopiuje twoją witrynę na serwery na całym świecie i skróci czas podróży danych, łącząc odwiedzających z serwerem bliższym geograficznie od nich. Treści statyczne będą również buforowane i dostarczane przez serwery CDN.
Cloudflare to prawdopodobnie CDN, który znasz najlepiej, ale Akamai i Amazon CloudFront są dobrze znanymi alternatywami.
Upewnij się, że korzystasz także z buforowania przeglądarki. W ten sposób Twoja przeglądarka zagraża Twojej prywatności W ten sposób Twoja przeglądarka zagraża Twojej prywatności Twoja przeglądarka internetowa ujawnia mnóstwo informacji o tym, kim jesteś, gdzie jesteś i co lubisz. Oto szczegóły, które wyciekają przy każdym połączeniu z Internetem. aby poprawić szybkość ładowania witryny dla stałych użytkowników. Buforowanie przeglądarki polega na pobraniu tych plików z serwera na urządzenie użytkownika.
Przy kolejnych odsłonach lub wizytach pliki te zostaną załadowane lokalnie z urządzenia użytkownika zamiast żądać ich z serwera zewnętrznego (w zależności od daty wygaśnięcia plików).
6. Pozbądź się nieistotnych wtyczek
Wtyczki powinny być używane tylko wtedy, gdy jest to konieczne. Dzieje się tak niezależnie od tego, czy korzystasz z Wix, Weebly, WordPress, czy Squarespace Squarespace vs. WordPress: Który z nich jest odpowiedni dla Ciebie? Squarespace vs. WordPress: Który jest dla Ciebie odpowiedni? WordPress i Squarespace to dwa największe nazwiska w tworzeniu stron internetowych. Oto, co musisz wiedzieć, aby zdecydować między nimi. albo coś innego. Wszelkie funkcje, które możesz zrobić, dodając prosty CSS zamiast wtyczki, powinieneś. Użyj wstrzykiwania kodu w Squarespace, użyj CSS Customizer w WordPress i niestandardowego CSS w Wix.
Wtyczki mogą powodować duże obciążenie procesora lub pamięci na serwerze, co może spowolnić lub nawet zatrzymać ładowanie strony.
Jeśli korzystasz z WordPress, prawdopodobnie nie korzystasz ze wszystkich wbudowanych funkcji. Wyłącz je za pomocą wtyczki takiej jak Clearfy.
Zawsze bierz pod uwagę używane wtyczki. Jeśli używasz kilku funkcji we wtyczkach takich jak JetPack, rozważ ich całkowite usunięcie i zastąp je lekkimi wtyczkami, które wykonują tę samą pracę.
7. Ustawienia serwera, aby przyspieszyć działanie witryny
Opóźnienie serwera będzie miało duży negatywny wpływ na szybkość ładowania strony i PageRank.
Google zaleca, aby czas do pierwszego bajtu (TTFB) wynosił 1,3 sekundy lub mniej. Jest to najdłuższe opóźnienie, zanim urządzenie zacznie pobierać stronę po początkowym skontaktowaniu się z serwerem. To powiedziawszy, średnia strona ma TTFB ponad 2 sekundy, znacznie powyżej ich rekomendacji.
Przyczyną tego są zwykle udostępnione hosty, ale istnieją pewne ustawienia, które można skonfigurować, aby skrócić czas odpowiedzi serwera.
- Użyj najnowszej wersji PHP, z którą Twoja strona jest kompatybilna. Najnowsza wersja (PHP 7.2) ma znaczną poprawę prędkości.
- Włączać “Utrzymać przy życiu”
- Włącz HTTP / 2
- Skorzystaj z HTTP Strict Transport Security (HSTS)
- Ustaw wykonywanie kopii zapasowych w nocy
Jeśli twoja witryna jest wykonana w WordPress, upewnij się, że korzystasz z hosta specjalizującego się w hostingu WordPress, takiego jak Bluehost. Dzięki temu ustawienia serwera zostaną skonfigurowane specjalnie pod kątem wydajności WordPress.
Skończyłeś poprawiać? Teraz przetestuj swoją witrynę
Teraz, gdy znasz idealny czas ładowania strony, rozmiar i czas do pierwszego bajtu (TTFB), do którego powinieneś dążyć, skąd wiesz, jaki jest twój?
Oto niektóre z naszych ulubionych narzędzi online do testowania witryny:
- varvy.com: te narzędzia przetestują szybkość i wydajność stron na komputery i urządzenia mobilne oraz dostarczą cennych wskazówek, jak ulepszyć witrynę
- Google PageSpeed Insight: niedawno zaktualizowane narzędzie Google PageSpeed przetestuje Twoją prędkość i podpowie Ci ulepszenia
- GTmetrix: świetne narzędzie z praktyczną poradą
- WebPageTest: przetestuj swoją witrynę na różnych urządzeniach, systemach operacyjnych i lokalizacjach
- Pingdom: bardzo popularne narzędzie, podobne do WebPageTest z ładniejszym interfejsem
Możesz przetestować swoją witrynę mobilną za pomocą powyższych linków, a także testu mobilnego ThinkWithGoogle (obsługiwanego przez WebPageTest). Wyniki podadzą konkretne wskazówki na temat tego, co możesz poprawić, wraz z szacowanym czasem ładowania, jeśli zastosujesz się do tych wskazówek.
Zalecane najlepsze praktyki stale się zmieniają, więc regularnie sprawdzaj szybkość strony w miarę wprowadzania ulepszeń.
Aby uzyskać jeszcze bardziej cenny wgląd w skuteczność witryny, pamiętaj o zweryfikowaniu swojej domeny w Google i Bing. 5 głównych zalet weryfikacji domeny w Google i Bing 5 głównych korzyści weryfikacji domeny w Google i Bing Jeśli masz własną stronę internetową, oto powód, dla którego powinieneś zweryfikować swoją domenę w Google i Bing za pomocą narzędzi dla webmasterów.