Jak przyspieszyć swoją stronę internetową, aby uzyskać lepsze wyniki w rankingach

Artykuł napisany przez:
  • Search Engine Optimization
  • Zaktualizowano: Apr 24, 2018

* Uwaga: ten post został opublikowany po raz pierwszy w marcu 2013. Niektóre z wymienionych tutaj narzędzi mogą być przestarzałe.

Nie jest tajemnicą, że Google wykorzystuje obecnie szybkość strony jako jeden z czynników rankingu. Blog centralny Google dla webmasterów opublikował kilka lat temu oficjalne ogłoszenie:

Być może słyszałeś, że w Google mamy obsesję na punkcie szybkości, naszych produktów i internetu. W ramach tego wysiłku dzisiaj uwzględniamy nowy sygnał w naszych algorytmach rankingu wyszukiwania: szybkość witryny. Szybkość witryny odzwierciedla szybkość reakcji witryny na żądania internetowe ...

I Matt Cutts wielokrotnie wspominał o znaczeniu optymalizacji prędkości strony w swoim filmy i blogi.

Podczas wyszukiwania i czytania więcej na ten temat, natknąłem się na kilka studiów przypadków, które potwierdzają na to - w jednym artykuł o wyszukiwarce, Work Coach Cafe zyskała dodatkowy ruch ekologiczny 40% po oczyszczeniu kodów i zepsutych linków; Na innej studium przypadku, CEO SmartFurniture.com potwierdziło, że witryna osiągnęła czołową pozycję w rankingach wyszukiwarek, po prostu zwiększając wydajność swojej witryny.

Szybszy czas ładowania strony równy jest lepszej konwersji

Ale czekaj, jest więcej powodów, dla których powinieneś poświęcić czas na przyspieszenie swojej witryny.

W jednym z badań na temat użytkowników witryn turystycznych dowiedziałem się, że 57% użytkowników witryny czeka tylko trzy sekundy lub mniej, zanim opuści witrynę.

. popularne badania w Tagman, pokazuje, że zwiększenie o jedną sekundę czasu ładowania strony może spowodować prawie 7% straty w konwersjach klientów.

W innym studium przypadku w Cloud Living zaangażowanie użytkowników witryny poprawiło się o 19% (średni czas sesji, patrz obraz) po optymalizacji szybkości witryny.

Szybsza witryna = więcej odwiedzin na sesję i dłuższy czas trwania sesji. Źródło: Tung Tran, CloudLiving.com.

Podsumowując, czas wczytywania strony wpływa nie tylko na rankingi wyszukiwania, ale ma również duży wpływ na współczynnik konwersji i zasięg odwiedzin. Aby uzyskać więcej podobnych statystyk, upewnij się, że odwiedzasz Mashable w tym celu piękna infografika.

Łatwe sposoby na poprawę szybkości witryny

Kiedy po raz pierwszy dowiedziałem się o tych wszystkich dwóch latach, powiedziałem: "Wow, jest w tym tyle korzyści!". To, co nadejdzie, jest nieuchronnie pytaniem "jak". Jak przyspieszyć nasze strony internetowe? Jak mierzymy szybkość naszej strony i porównujemy ją z innymi? Jak załatwiać sprawy bez wchodzenia w szczegóły techniczne?

Ian Lurie napisał 29 sposoby na przyspieszenie swojej witryny w marcu 2011 i to prawdziwy klejnot. Jeśli poważnie myślisz o zmianie szybkości swojej witryny, powinieneś przestrzegać wszystkich wskazówek udostępnionych w tym artykule.

Jednak wiele z tych rozwiązań może wykraczać poza umiejętności techniczne zwykłych właścicieli witryn i blogerów.

Pomyślałem więc, że powrócę do tego tematu i poszukam prostych sposobów, aby użytkownicy bez technologii mogli realizować swoje działania bez poświęcania zbyt dużo czasu i energii.

1. Zmniejsz swoją witrynę

W wielu przypadkach, gdy czas wczytywania strony jest powolny, oznacza to po prostu, że strona ma nadwagę.

Rozwiązanie jest proste: idź na dietę!

Zapoznaj się dokładnie ze swoją witryną i zadaj sobie następujące pytania:

  • Czy przechowujesz zbyt wiele nieużywanych CSS na serwerze? Usuń ich!
  • Czy twoje obrazy są zbyt duże? Zoptymalizuj je za pomocą programu Photoshop, Fireworks lub Smush It, jeśli nie masz zainstalowanego oprogramowania graficznego na swoim komputerze.
  • Czy masz nadmierne nagłówki HTTP? Usuń ich!
  • Czy zachowujesz zbyt wiele komentarzy na temat spamu? Usunięte komentarze w twoim polu spamu spowodują po prostu spowolnienie czasu odpowiedzi bazy danych. Usuń je jak najszybciej!
  • Czy używasz zbyt wielu wtyczek w swoim CMS? Czy używasz nieaktualnych wtyczek i skryptów w swojej witrynie? No cóż, czas zrobić porządek i aktualizację.
  • Czy twój JavaScript jest zbyt ciężki? Minify i skompresuj go!

Chociaż te wskazówki wydają się dość proste, nie zdziwi mnie fakt, że doświadczeni webmasterzy lub projektanci stron internetowych nie nadążają za nimi.

Kilka lat temu byłem nieostrożny i nie wiedziałem, że motyw WordPress, którego używam, ma <? Php wp_get_archives ("type = monthly"); ?> osadzone w pliku header.php.

Nie trzeba dodawać, że funkcja generuje dziesiątki niepotrzebnych linii w plikach HTML w miarę upływu czasu. To głupi błąd, który można naprawić w ciągu kilku sekund, ale dopiero po upływie 2-u zrozumiałem to, ponieważ nie szukałem własnego kodu źródłowego.

2. Unikaj niepotrzebnych HTTP 300, 400 i 500

HTTP 300 odnosi się do przekierowań serwera, HTTP 400 odnosi się do problemów z uwierzytelnianiem, a HTTP 500 odnosi się do błędów serwera - wszystkie te wyniki dla żądań HTTP powodują niepotrzebne dodatkowe rundy * dla przeglądarek. Chociaż niektóre HTTP 300 są nieuniknione (np. Przekierowanie 301 do nowej lokalizacji strony), należy sprawdzić wszystkie błędy HTTP 400 i 500 i spróbować naprawić każdy z nich.

* Co to jest czas podróży w obie strony?

Mówiąc ogólnie, strona internetowa waży mniej więcej 1,100KB i składa się z mniej więcej 100 obiektów (źródło); przeglądarka internetowa może żądać tylko obiektów 2 - 6 na raz w zależności od konfiguracji użytkownika. Round Trip Times to liczba podróży w obie strony, jaką zajmuje przeglądarka, aby całkowicie otworzyć stronę. Na przykład: Aby załadować stronę z obiektami 100, przeglądarka, która jest skonfigurowana do przesyłania żądań 5 naraz, potrzebuje 20 round trips, aby załadować stronę. Ze względu na mniejszy czas podróży w obie strony, tym szybciej strona ładuje się; powinniśmy zminimalizować liczbę obiektów dostępnych na jednej stronie.

3. Użyj Sprites CSS

CSS Sprites odnosi się do techniki, w której wiele obrazów zostało połączonych w jeden plik obrazu i pokazało jego części użytkownikom. Używanie CSS Sprites zmniejsza liczbę przeglądarek w obie strony, dzięki czemu strony internetowe ładują się szybciej.

Teraz poczekaj, wiem, że to może wydawać się trochę za dużo dla niektórych z was, którzy nie lubią, gdy wkładacie ręce w CSS, ale wierzcie mi, koncepcja jest znacznie prostsza, niż się wydaje. A co najlepsze, istnieją darmowe narzędzia online, które mogą załatwiać sprawy bez dotykania kodów CSS. Sprawdzić Sprite Me i Sprite Pad - rzeczy można zrobić za pomocą zaledwie kilku kliknięć i przeciągania i upuszczania.

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

Ponadto, do dalszych odczyty i przykłady CSS Sprites, odwiedź to i to poradnik.

4. Unikaj używania CSS @import

Funkcja CSS @import pomaga załadować zewnętrzny arkusz stylów do strony internetowej. Złe jest to, że po prostu dodaje dodatkowe czasy podróży w przeglądarce i zwiększa czas ładowania strony internetowej. Aby rozwiązać ten problem, po prostu użyj znacznika <link>.

Jeśli jesteś przypadkowym blogerem i nie wiesz, o czym mówię, po prostu zajrzyj do swojego header.php (jeśli korzystasz z WordPressa), ctrl + F i wyszukaj "@import", przenieś pliki .css na ten sam serwer, jeśli to konieczne, zamień @import linie z <link>.

Przykład, zastąp

@import url ("../ style1.css"); @import url ("../ style2.css")

do

<link rel = "stylesheet" href = "style1.css"> <link rel = "stylesheet" href = "style2.css">

5. Zaktualizuj swój CMS

Cóż, to jest nie myślenia, prawda? Aktualizacje mają na celu zwiększenie wydajności i bezpieczeństwa, a co najmniej można zrobić dla odwiedzających, aby zachować je na zaktualizowanej platformie CMS.

6. Pamięć podręczna Wszystko, co możesz przechowywać w pamięci podręcznej

Obecnie w większości przypadków polegam na wtyczce innej firmy do buforowania. Po pierwsze, jestem zbyt leniwy, aby na nie spojrzeć; po drugie, są zawodowcy, którzy potrafią robić rzeczy znacznie lepiej ode mnie, po co marnować w tym moją energię? Jeśli jesteś na WordPressie, spróbuj WP Super Cache - jest to jedna z najpopularniejszych pamięci podręcznych Wtyczka WP w tym czasie pisania. Jeśli jesteś Joomla, sprawdź Cache Cleaner.

W skrócie, te wtyczki pomagają w buforowaniu najnowszej wersji strony internetowej i zmniejszają potrzebę generowania dynamicznej zawartości podczas ponawianej wizyty.

W tym temacie jest mnóstwo szczegółów technicznych, które można schrupać, czytaj dalej tutaj i tutaj.

7. Get On A Content Delivery Network (CDN)

CDN przechowuje twoje pliki statyczne na serwerach na całym świecie i obsługuje twoje strony internetowe z różnych serwerów na podstawie lokalizacji użytkownika. Przykładowo, gdy użytkownik z Malezji będzie miał dostęp do Twojej witryny, CDN dostarczy twoje treści internetowe (głównie pliki statyczne, takie jak obrazy i pliki HTML) z serwera zlokalizowanego w Azji, powiedzmy Singapur; z drugiej strony, jeśli użytkownik znajduje się w Meksyku, sieć zdecyduje się dostarczyć zawartość z bliższej lokalizacji serwera, na przykład Stany Zjednoczone.

Istnieją różne marki CDN dostępne, ale ogólnie CDN można podzielić na dwie kategorie - Pull CDN i Push CDN. Aby uzyskać więcej informacji, radzę zapoznać się z renomowanymi usługami CDN, takimi jak MaxCDN i CloudFlare.

8. Rozważ lepszy hosting internetowy

Jeśli poważnie myślisz o szybszym dostosowywaniu witryny, zastanów się wybierając lepszy hosting.

Mniej więcej rok temu zmieniłem jedną z moich stron ze wspólnego konta hostingowego na Hostgator Silnik WP (hosting oparty na chmurze). Od czasu mojej przeprowadzki sytuacja zmieniła się dramatycznie, średnia szybkość wczytywania strony zmniejszyła się z ponad 900ms do 500ms - prawie o 100% (patrz wykres poniżej).

Szybkość ładowania strony WHSR

Lekcja: czasami nie można polegać na tanich rzeczach. Jeśli płacisz mniej niż $ 5 miesięcznie, nie spodziewaj się, że będziesz na szczycie tej prędkości gry. Jeśli chcesz, aby Twoja witryna ładowała się szybko, być może najprostszym sposobem na to jest przeniesienie witryny do lepszego hosta.

9. Zoptymalizuj bazę danych

Jeśli korzystasz z MySQL, rzeczy można łatwo zrobić na phpMyAdmin. A jeśli korzystasz z WordPressa, możesz zrobić to jeszcze łatwiej dzięki odpowiedniej wtyczce. WP Optymalizujna przykład pozwala wyczyścić bazę danych za pomocą zaledwie kilku kliknięć.

10. Umieść swoje skrypty na stopce, kiedy tylko to możliwe

Jednym prostym sposobem na poprawienie czasu wczytywania strony w widoku użytkowników jest umieszczanie kodów i skryptów (na przykład Google Analytics) na stopce, kiedy tylko jest to możliwe. Chociaż uważam, że ledwie pomaga w zakresie SEO, czyni to jednak sprawia, że ​​widzowie witryny czują, że strona ładuje się w szybszy sposób - ponieważ pozwala to na załadowanie krytycznej zawartości, zanim przeglądarki wykonają skrypty.

Więcej wskazówek na przyspieszenie swojej witryny

Tam masz teraz moje szybkie porady 10, jak poprawić szybkość strony.

Jestem pewna, że ​​istnieje wiele innych metod, aby wykonać zadanie, dlaczego nie powiedzieć nam swojego - Jakie są twoje wskazówki #1 dla nietechnologów, aby przyspieszyć swoje strony internetowe?

Artykuł Jerry'ego Lowa

Geek tata, pasjonat danych SEO, inwestor i założyciel Secret Web Hosting Revealed. Jerry buduje aktywa internetowe i zarabia pieniądze online od 2004. Uwielbia bezmyślne gryzienie i próbowanie nowych potraw.