10 sposobów na skrócenie czasu wczytywania strony, zanim potencjalni klienci odbiją się
Opublikowany: 2016-11-06Spis treści
- 1 1. Kod porządkowy
- 2 2. Zminimalizuj HTML i CSS
- 3 3. Użyj kompresji GZip
- 4 4. Minimalizuj przekierowania
- 5 5. Przenieś skrypty
- 6 6. Ogranicz wtyczki WordPress
- 7 7. Zmień rozmiar obrazów
- 8 8. Kompresuj obrazy
- 9 9. Dostarcz obrazy za pomocą CDN
- 10 10. Hosting zewnętrzny
- 11 Wniosek
Stworzyłem znakomitą stronę internetową z zachwycającym wizerunkiem bohatera i wpływowym nagłówkiem, zbudowałem świetną wiarygodność społeczną – ale peeps nie konwertuje……
Prawdopodobnie dlatego, że największy zabójca konwersji czai się za kulisami. Często szybkość strony ma ogromny wpływ na współczynniki konwersji Twojej witryny niż jakiekolwiek inne rzeczy.
Czy szybkość Twojej witryny naprawdę może mieć tak duży wpływ na sprzedaż?
Wpływ szybkości strony
Szybkość witryny ma znaczenie…
Szybko ładujące się strony internetowe wyglądają i działają lepiej na wszystkich frontach: dobre wrażenia użytkownika, większe zaangażowanie, wyższe konwersje i jeszcze wyższe rankingi wyszukiwania. Chociaż niektórzy uważają, że czas ładowania strony nie jest jedynym silnym sygnałem rankingowym, ale jest to wskaźnik, który ma ogromny wpływ na inne ważne czynniki, w tym sprzedaż i przychody.
Kilka lat temu Google odnotowało spadek ruchu z powodu 0,5-sekundowego opóźnienia. Dzisiaj, jeśli strona e-commerce nie załaduje się w czasie krótszym niż 3 sekundy, może stracić około połowy ruchu. To jest powód, dla którego niektóre z najpopularniejszych marek internetowych ładują się teraz w mniej niż sekundę.
Obecnie korzystanie z internetu mobilnego wyprzedza komputer stacjonarny, a konwersja nie ogranicza się do jednej konkretnej strony. Chociaż masz bardzo dobry nagłówek, propozycje wartości są wystarczająco jasne, masz piękną stronę internetową o wiarygodności społecznej – ale jeśli strona nie ma dobrych czasów ładowania, nie będziesz mieć konwersji strony docelowej.
Oto 10 prostych sposobów na przyspieszenie ładowania strony w witrynie i uchronienie potencjalnych klientów przed odbijaniem się:
1. Wyczyść kod
Uporządkowany i dobrze udokumentowany kod jest nie tylko priorytetem programisty, ale także przyspiesza ładowanie stron. Minimalizacja rozmiarów plików witryny i drobnych problemów, takich jak wcięcia, podziały wierszy, nadmiarowe spacje i nadmiarowe tagi, może drastycznie skrócić czas ładowania strony.
Tak, pliki JavaScript to fajny sposób na dodawanie małych, atrakcyjnych elementów na ekranie, ale często może to bardzo zaszkodzić stronie docelowej. To samo dotyczy AJAX i kilku innych podobnych ekstrawagancji.
Ale jeśli wszystko jest gotowe do dodania tych cennych skryptów, pamiętaj, aby najpierw załadować przynajmniej zawartość strony widocznej na ekranie. Możesz użyć różnych narzędzi, aby sprawdzić, jak ładuje się JavaScript Twojej strony, a następnie zoptymalizować stronę zgodnie z wymaganiami.
2. Zminimalizuj HTML i CSS
Minimalizując kody HTML i CSS oraz zmniejszając liczbę żądań, będziesz w stanie dostarczyć dane strony internetowej w najbardziej uproszczony sposób. Najlepszym sposobem na sprawdzenie plików, skorzystaj z Google PageSpeed Insights i po prostu wpisz swój adres URL i wyślij wyniki do wiarygodnego programisty.
3. Użyj kompresji GZip
Kompresja GZip jest związana z kodowaniem treści i minimalizowaniem żądań serwera wysyłanych przez Twoją przeglądarkę. Pomaga zmniejszyć rozmiary plików, aby przyspieszyć ładowanie. Możesz użyć GIDNetwork, aby sprawdzić aktualną kompresję w swojej witrynie i uzyskać pomysły na jej ulepszenie.
4. Zminimalizuj przekierowania
Standardowa praktyka SEO to przekierowania 301, które służą do poinformowania zarówno odwiedzających, jak i wyszukiwarek, że strona została trwale usunięta. Jest to powszechna praktyka stosowana, gdy witryny wprowadzają zmiany w czasie, co może pomóc w zmniejszeniu liczby błędów 404 i uszkodzonych linków.
Ale zbyt wiele przekierowań może również negatywnie wpłynąć na szybkość strony.
5. Przenieś skrypty
Umieszczenie skryptu odgrywa dużą rolę w wpływaniu na czas ładowania. Na przykład, jeśli Twoje skrypty śledzące znajdują się w sekcji head lub w części strony docelowej, Twoja przeglądarka będzie musiała pobrać i poradzić sobie z tymi skryptami, zanim przejdziesz do zawartości strony, którą rzeczywiście oglądają użytkownicy.
Duplikowanie skryptów jest bardzo powszechne, gdy różne osoby pracują na tej samej stronie. Może to trochę spowolnić.
Najważniejsze jest to, aby uprościć i zminimalizować pliki, aby ograniczyć ruchy między serwerami i przeglądarkami.
6. Ogranicz wtyczki WordPress
Tak, wydaje się to bardzo proste! Jeśli tak uważasz, po prostu otwórz WordPress i zobacz, ile wtyczek WordPress zainstalowali członkowie Twojego zespołu do typowych rzeczy, takich jak udostępnianie społecznościowe i śledzenie.
Jeśli potrafisz prawidłowo zdiagnozować, które wtyczki warto zachować, a które należy usunąć, dowiesz się, które wtyczki dodać. Dostępna jest wtyczka P3 (Plugin Performance Profiler) do mierzenia wydajności wtyczki Twojej witryny i mierzenia jej wpływu na czas ładowania strony.
Korzystając z tej wtyczki, możesz łatwo dowiedzieć się, w jaki sposób przyda Ci się, jeśli zainstalujesz tę wtyczkę.
7. Zmień rozmiar obrazów
Umożliwienie przeglądarkom zmiany rozmiaru oryginalnego obrazu 1200 pikseli do 600 pikseli za każdym razem, gdy strona jest ładowana, pomnożonej przez wszystkie wizyty dla wszystkich postów i stron, tworzy dużo dodatkowej pracy, która wcale nie jest konieczna. To naprawdę wpływa na urządzenia mobilne, które mają słabą łączność i ograniczoną moc obliczeniową.
Idealną praktyką jest zmiana rozmiaru obrazów przed przesłaniem ich na serwer. A jeśli wydaje się to za dużo pracy, istnieje wbudowane narzędzie WordPress, które pomaga zmienić rozmiar obrazów. W ten sposób będziesz w stanie ograniczyć potencjalne błędy w przeglądarkach takich jak Internet Explorer.
8. Kompresuj obrazy
Po zmianie rozmiaru obrazów następnym krokiem powinno być ich ponowne skompresowanie, aby zmniejszyć rozmiar pliku. Jest to często pomijany krok, ale optymalizacja obrazów może szybko przyspieszyć ładowanie strony, więc użyj tego nisko wiszącego owocu, aby zmniejszyć ilość wymaganego miejsca i pracy.
Dostępnych jest wiele darmowych narzędzi, takich jak compress.io lub TinyJPG, które mają możliwość znacznego zmniejszenia rozmiaru pliku.
9. Dostarcz obrazy za pomocą CDN
Popularne sieci dostarczania treści, takie jak CloudFare i MaxCDN, mogą drastycznie poprawić wydajność witryn o wysokiej jakości wizualnej. Co więcej, dostarczanie obrazów za pomocą CDN jest jak wzywanie posiłków ze zdalnych serwerów, które znajdują się bliżej odwiedzających Twoją witrynę. W rzeczywistości oznacza to, że najpierw spróbuje użyć najbliższego, a ostatecznie zmniejszy dużo czasu i wysiłku wymaganego do dostarczenia treści z serwera do przeglądarki internetowej użytkownika.
10. Hosting zewnętrzny
Jest to kolejna ważna opcja przenoszenia większych plików, takich jak audio i wideo, obrazów z dala od serwerów i korzystania z zewnętrznej platformy hostingowej, takiej jak Wistia lub Imgur do filmów. Ma to kluczowe znaczenie, ponieważ ludzie ogromnie korzystają z multimediów, aw 2017 r. prawie 70% ruchu w sieci będzie stanowić wideo.
Jak już widzieliśmy wpływ rozmiarów obrazu, większe pliki, takie jak audio i wideo, powinny być hostowane zewnętrznie. Zewnętrzni dostawcy hostingu nie tylko rozwiązują problemy z wydajnością, ale zapewniają również dodatkowe korzyści, takie jak większy zasięg, zaangażowanie i konwersje.
Wniosek
Wszyscy wiemy, że odwiedzający opuściliby Twoją witrynę, gdyby nie załadowała się w ciągu 5 sekund. Oznacza to, że bez względu na najlepszą praktykę, jaką stosujesz, aby uzyskać te konwersje, ludzie nie będą czekać wystarczająco długo, aby faktycznie zobaczyć Twoje wysiłki.
Istnieje kilka podstawowych ulepszeń szybkości strony, takich jak usuwanie niechcianych wtyczek i uaktualnianie hostingu. Zaawansowana technika obejmuje minifikację plików. Ale coś jest lepsze niż nic.
Wdrażanie wszystkich tych zmian może być czasochłonne, ale jest to najlepszy sposób, aby Twoje strony docelowe miały większą szansę na przekształcenie potencjalnych klientów w klientów.