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 tutaj w Google mamy obsesję na punkcie szybkości, naszych produktów i Internetu. W ramach tego wysiłku dzisiaj dodajemy nowy sygnał do naszych algorytmów 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 tym wszystkim dwa lata temu, pomyślałem: „Wow, jest w tym tyle korzyści!”. Następnym krokiem jest nieuchronnie pytanie „jak”. Jak przyspieszyć nasze strony internetowe? Jak mierzymy szybkość naszej witryny i porównujemy ją z innymi? Jak możemy załatwić sprawę bez wnikania 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 poprawianiu szybkości witryny, powinieneś postępować zgodnie ze wszystkimi wskazówkami udostępnionymi 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 wrócę do tego tematu i szukam prostych sposobów, aby użytkownicy bez technologii mogli wdrożyć program bez poświęcania zbyt wiele 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 zdjęcia są zbyt duże? Zoptymalizuj je za pomocą Photoshopa, Fireworks lub Smush It, jeśli nie masz zainstalowanego oprogramowania graficznego na 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 przestarzałych wtyczek i skryptów w swojej witrynie? Nadszedł czas, aby 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 będę zaskoczony, gdy doświadczeni webmasterzy lub projektanci stron internetowych nie dotrzymają kroku.

Kilka lat temu byłem nieostrożny i nie zdawałem sobie sprawy, że motyw WordPress, którego używam, ma <? Php wp_get_archives ('type = miesięcznie'); ?> osadzony w pliku header.php.

Nie trzeba dodawać, że funkcja generuje z czasem dziesiątki niepotrzebnych wierszy w plikach HTML. To głupia pomyłka, którą można naprawić w kilka sekund, ale potem zajęło mi to ponad 2 lat, ponieważ nie patrzyłem na własny kod źródłowy.

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 objazdy * w przeglądarkach. Chociaż niektórych HTTP 300 nie da się uniknąć (takich jak przekierowanie 301 do nowej lokalizacji strony), powinieneś sprawdzić błędy każdego 400 HTTP i 500 i spróbować naprawić każdy z nich.

* Co to właściwie 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 zależy od konfiguracji użytkownika. Czas podróży w obie strony to liczba podróży w obie strony potrzebnych przeglądarce do pełnego otwarcia strony. Na przykład, aby załadować stronę internetową z obiektami 100, przeglądarka skonfigurowana do przenoszenia żądań 5 jednocześnie potrzebuje 20 w obie strony, aby załadować stronę. Ponieważ zajmuje to mniej czasu w obie strony, tym szybciej ładuje się strona; 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 czekaj, wiem, że może to wydawać się trochę za dużo dla niektórych z was, którzy nie lubią zamoczyć CSS, ale wierzcie mi, koncepcja jest znacznie prostsza niż się wydaje. A co najlepsze, są darmowe narzędzia online, które mogą załatwić sprawę 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ś zwykłym blogerem i nie masz pojęcia, o czym mówię, po prostu spójrz na header.php (jeśli używasz WordPress), ctrl + F i wyszukaj „@import”, przenieś pliki .css na tym samym serwerze, jeśli to konieczne, zamiast tego zamień wiersze @import na <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 to spojrzeć; po drugie, są profesjonaliści, którzy potrafią robić rzeczy znacznie lepiej ode mnie, po co marnować na to moją energię? Jeśli korzystasz z WordPress, wypróbuj WP Super Cache - jest to jedna z najpopularniejszych pamięci podręcznej 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 pliki statyczne na różnych serwerach na całym świecie i obsługuje strony internetowe z różnych serwerów w zależności od lokalizacji użytkownika. Przykład: gdy użytkownik z Malezji uzyska dostęp do Twojej witryny, CDN dostarczy twoją zawartość internetową (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, powiedzmy w Stanach Zjednoczonych.

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

Wyciągnięta lekcja: czasami nie można polegać na tanich produktach. Jeśli płacisz mniej niż 5 $ miesięcznie, nie oczekuj, że dostaniesz się do tej szybkiej gry. Jeśli chcesz, aby Twoja witryna szybko ładowała oświetlenie, być może najłatwiejszym sposobem 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ść skrypty w stopce, gdy tylko jest 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 pewien, że istnieje wiele innych metod na wykonanie zadania, więc powiedz nam swoje - jakie są Twoje wskazówki #1 dla nietechnicznych, aby przyspieszyć swoje strony internetowe?

O Jerry Low

Założyciel WebHostingSecretRevealed.net (WHSR) - przegląd hostingu zaufany i używany przez użytkowników 100,000. Więcej niż doświadczenie 15 w hostingu, marketingu afiliacyjnym i SEO. Współpracuje z ProBlogger.net, Business.com, SocialMediaToday.com i innymi.