Wskazówki dotyczące przyspieszenia witryny

Google zazwyczaj skrytykuje sposób działania SEO i rankingu witryn. Jedno jest jednak pewne: szybkość strony jest ogromnym czynnikiem. Behemot wyszukiwarki powiedział, “Opracowujemy algorytmy w celu promowania stron bardziej użytecznych niż mniej użytecznych, przy czym wszystkie inne rzeczy są równe. Algorytmy te analizują sygnały wskazujące, czy wszyscy nasi użytkownicy mogą zobaczyć wynik… czy czasy ładowania strony działają dobrze dla użytkowników z powolnymi połączeniami internetowymi.”


Posiadanie bardzo szybkiej witryny – zarówno w wersji stacjonarnej, jak i mobilnej – jest niezbędne do sukcesu witryny. 70% kupujących online twierdzi, że to, jak szybko strona się ładuje, negatywnie wpłynie na ich gotowość do zakupu z tej konkretnej strony. Ostatnią rzeczą, jakiej chcesz, jest utrata klientów wobec konkurencji, ponieważ witryna ładuje się zbyt wolno.

Pomożemy Ci krok po kroku, jak poprawić szybkość twoich stron internetowych, w tym wszystko, od wyboru odpowiedniego planu hostingowego w celu optymalizacji Twojej witryny.

1. Aktualizacja planu hostingowego

Wybierając plan hostingowy, możesz mieć ochotę wybrać najtańszy plan. Plany wspólnego hostingu oferują zwykle najniższe koszty, ale mogą również spowolnić twoją stronę. Dzięki wspólnemu planowi hostingu musisz udostępniać zasoby serwera niezliczonym innym klientom.

Jeśli doświadczasz wyższego poziomu ruchu lub potrzebujesz więcej zasobów niż może zaoferować wspólne środowisko hostingowe, możesz chcieć uaktualnić swoje plany hostingowe. Oto kilka opcji:

  • Dedykowane serwery. Serwery dedykowane to elity we wszechświecie hostingowym. Oferują bogate zasoby całego fizycznego serwera, który działa tylko w celu spełnienia wymagań Twojej witryny. W rezultacie nie ma zagrożenia spowolnieniem spowodowanym przez inne strony internetowe’ obciążenie pracą. Poza tym są one dostarczane ze sprzętem na poziomie przedsiębiorstwa, który automatycznie przyspiesza działanie Twojej witryny. Możesz również dostosować go do swoich dokładnych specyfikacji. Jednak największą wadą jest to, że jest to najdroższy rodzaj hostingu.
  • Hosting VPS. Dla tych z Was, którzy nie mogą sobie jeszcze pozwolić na dedykowany plan hostingowy, istnieje realna opcja hostingu Virtual Private Server (VPS). Ten rodzaj hostingu oferuje wiele zalet serwera dedykowanego w znacznie niższych punktach cenowych. Będziesz miał pełny dostęp do katalogu głównego, aby skonfigurować i kontrolować wszystkie określone zasoby serwera zwirtualizowanego serwera. Dzięki temu Twoja witryna może zużywać każdą jednostkę przydzielonych zasobów, takich jak pamięć RAM, rdzenie procesora i przepustowość. Jak pokazuje poniższy obraz oparty na teście AccuWeb, VPS może ładować strony internetowe z dużo większą prędkością niż hosting współdzielony:

Aktualizacja planu hostingowego

2. CDN

CDN lub Content Delivery Network to usługa odpowiedzialna za dostarczanie stron internetowych i innych treści internetowych do użytkownika. Składa się z siatki lokalnych serwerów, które przechowują kopię pliku "ciężki" zawartość witryny – obrazy, pliki statyczne itp. Gdy użytkownik przechodzi do witryny, najbliższe użytkownikowi centrum danych CDN obsługuje zawartość witryny.

Którego CDN należy użyć? Zalecamy zacząć od Cloudflare, po prostu dlatego, że ich usługa jest niezawodna, łatwa w konfiguracji i ma bezpłatny podstawowy plan, który obsługuje SSL.

Kilka wskazówek od naszych ekspertów: "Korzystanie z CDN Cloudflare również pomaga w migracji Twojej witryny do

szybszy host, a ponadto nie ma przestojów. Zastąpienie hosta szybszym to zawsze powinieneś wziąć pod uwagę. Ale pamiętaj o tym: jeśli wprowadzasz znaczące zmiany w swojej witrynie, wyczyść pliki lub wstrzymaj usługę, gdy tam jest Twój zespół. Jeśli zmiany są tylko tekstowe, wszystko będzie dobrze."

Wiele razy Twój dostawca hostingu zapewni Cloudflare za darmo. Przeczytaj drobny druk, zanim wybierzesz dostawcę usług hostingowych, aby sprawdzić, czy uzyskasz dostęp do tego świadczenia.

3. Buforowanie wtyczek

Jest to prawdopodobnie najbardziej znana taktyka optymalizacji stron internetowych pod kątem szybkości. Chociaż są dostępne niesamowite bezpłatne wtyczki buforowania, takie jak WP Total Cache lub WP Super Cache, możesz rozważyć płatność za wersję premium, w przypadku gdy Twoja witryna próbuje osiągnąć wyższą pozycję w rankingu lub ma dobrze zdefiniowaną sprzedaż / wprowadzono lejek marketingowy.

Słowo ostrzeżenia: "Niektóre funkcje wtyczki pamięci podręcznej przynoszą minimalną poprawę w zakresie czasu ładowania i mogą zepsuć się z innymi wtyczkami zainstalowanymi na stronie WordPress. Miej to na uwadze i zawsze sprawdzaj, jak wpływają na twoją stronę.

Do pomiaru prędkości witryny Booster Monster używa głównie Pingdom, a czasami także GTMetrix. Upewnij się tylko, że przetestujesz swoją witrynę z lokalizacji najbliższej hostowi."

Konfiguracja wtyczki pamięci podręcznej może wydawać się zastraszająca – ale po prostu przetestuj funkcjonalność swojej witryny, aby upewnić się, że wszystko jest na swoim miejscu. Jeśli nic się nie zmieniło, a Pingdom pokazuje, że Twoja prędkość wzrosła – dobra robota, ty!

To’należy zauważyć, że buforowanie może’zrobić wiele dla osób, które odwiedzą Twoją witrynę po raz pierwszy. W przypadku nowych użytkowników przeglądarka musi załadować każdy składnik na stronie internetowej z danych serwera.

4. Wygasa nagłówki

Jeśli masz ponad 10% powracających użytkowników (co możesz zweryfikować za pomocą Google Analytics), powinieneś rozważyć użycie .htaccess do skonfigurowania wygasających nagłówków. Nie jest to zabawne robić to ręcznie, ale na szczęście niektóre wtyczki mogą to zrobić dla Ciebie.

Użyj tej wtyczki jako skrótu:

https://wordpress.org/plugins/far-future-expiry-header/

Pamiętaj tylko, że może to spowodować konflikt z wtyczką buforowania WP Rocket (ale jeśli masz tę wtyczkę premium, możesz zacząć).

5. Skompresuj witrynę za pomocą gzip

Jeśli odejmiesz dziś tylko jedną rzecz od tego artykułu, powinna to być wskazówka CDN. Ale jeśli chcesz czegoś szybkiego i niezawodnego, co znacznie poprawi szybkość Twojej witryny – to umożliwi kompresję gzip.

Gzip może pomóc Twojej witrynie zaoszczędzić przepustowość i przyspieszyć, kompresując odpowiedzi HTTP oparte na przeglądarce. Wyszukuje tutaj powtarzające się ciągi i zastępuje każdy z nich wskaźnikami kierującymi do jego pierwszej instancji. W ten sposób można ostatecznie zmniejszyć rozmiary odpowiedzi HTTP nawet o 70%. Możesz go użyć do zminimalizowania określonych typów plików lub określonych języków, takich jak HTML, XML, CSS, JavaScript itp.

Ten klip pokazuje, jak edytować plik .htaccess. Przed zmianą należy zachować ostrożność i wykonać kopię zapasową pliku. Możesz to zrobić za pomocą menedżera plików cPanel stron internetowych lub przez FTP.

6. Zminimalizuj swoje pliki CSS i JS

Minifikacja to proces podobny do kompresji Gzip. Zasadniczo minimalizacja oznacza pozbycie się komentarzy i spacji (lub dyrektyw w kodzie, które nigdy nie są używane), w celu zmniejszenia rozmiaru kodu. Zasada ta obowiązuje ogólnie: jeśli twoja strona ma rozmiar mniejszy niż 1 MB, ma większą szansę na szybkie załadowanie. Wiele wtyczek pomaga w minimalizacji, a niektóre wtyczki buforujące również wspaniale je obsługują.

Dlaczego nie rozważyć wtyczki, której najczęściej używamy na naszych stronach internetowych? Aby spróbować, przejdź tutaj.

7. Użyj duszka CSS

Być może najtrudniejszą wskazówką do zastosowania z tej listy będzie użycie duszków CSS. Zwykle wymaga to pomocy programisty i głównie pomaga stronom internetowym z logami graficznymi. CSS Sprites pomaga stworzyć jeden duży obraz ze wszystkich twoich małych obrazów i ikon, a następnie uczy twojej strony internetowej, jak znaleźć każdy konkretny obraz wewnątrz większego obrazu.

Nie możemy wystarczająco podkreślić, ile żądań HTTP zapisuje ta technika. Jeśli więc chcesz, aby Twoja strona ładowała się szybko jak szef, zamów faceta lub zatrudnij go w Upwork.

8. Użyj mod_pagespeed

Moduł mod_pagespeed Google w rzeczywistości nie jest funkcją Twojej witryny, ale raczej funkcją Twojego hosta. Zdecydowanie zalecamy rozważenie jego aktywacji i przetestowania, aby sprawdzić, czy pasuje ona do potrzeb Twojej witryny.

9. Usuń wszystkie zewnętrzne JS / CSS

Ta wskazówka jest często wymieniana przez Google Page Speed ​​Insights i jest szczegółowo omawiana w Internecie. Więc zamiast wchodzić w jego bity i bajty, po prostu umieścimy to tutaj, abyś mógł rozważyć:

http://wordpress.org/plugins/footer-javascript/

10. Zoptymalizowane obrazy

Dobre obrazy w wysokiej rozdzielczości robią świetne wrażenie na stronie. Jednak ich ogromny rozmiar również odrzuca stronę internetową’ogólna wydajność poprzez obniżenie prędkości.

Zoptymalizuj te obrazy, aby były bardziej przyjazne dla Internetu, zmniejszając ich rozmiary. W tym celu możesz skompresować obraz, przyciąć go lub zmienić jego rozdzielczość.

Tinypng to wyjątkowe narzędzie online, które kompresuje obrazy w celu zoptymalizowania ich do publikacji w Internecie.

Możesz wykonać te optymalizacje ręcznie lub skorzystać ze specjalistycznych narzędzi, takich jak Photoshop, Gimp, Picresize itp.

Istnieje również bezpłatna wtyczka do WordPress o nazwie WP-Smushit, która skanuje obraz w poszukiwaniu ukrytych danych i usuwa niepotrzebne części.

11. Zminimalizowane żądania HTTP

Jednym z głównych powodów niewiarygodnie niskiej prędkości witryny jest zbyt wiele żądań HTTP działających w tle. Możesz sprawdzić ich dokładną liczbę, przeprowadzając test prędkości na Pingdom. Następnie możesz je uporządkować według rozmiaru pliku i czasu ładowania. Możesz zwiększyć szybkość swojej witryny, zastanawiając się, które najbardziej ją spowalniają i usuwając je.

12. Zminimalizowane skrypty zewnętrzne

Często dodajemy wiele zewnętrznych skryptów, aby dodać znaczek lub wyświetlić wyskakujące okienka. Mogą to być również zestawy ikon, takie jak Font Awesome, pola polubień na Facebooku, usługa analizy sieci lub zewnętrzny system komentowania, taki jak Disqus.

Wszystkie takie dodatkowe funkcje przynoszą ze sobą znaczną liczbę dodatkowych fragmentów kodu. W rezultacie ogólny rozmiar strony rośnie i zmniejsza prędkość ładowania. Możesz zdecydować, który z nich jest niepotrzebny i najbardziej czasochłonny, dzięki Pingdom i usunąć te, które znajdują się na szczycie tej listy.

13. Zminimalizowane TTFB

TTFB oznacza Time To First Byte, który mierzy czas oczekiwania przeglądarki na uzyskanie informacji z serwera. Po tym okresie przeglądarka otrzymuje pierwszy bajt danych. W tym czasie zdarzają się trzy rzeczy – wyszukiwanie DNS, przetwarzanie serwera i odpowiedź.

Według Google okres ten nie powinien trwać dłużej niż 200 ms. Sprawdź, jak długo trwa Twoja witryna za pomocą WebPageTest lub Narzędzi dla programistów w Chrome (opcja Wodospad na karcie Sieć). Jeśli witryna nie przejdzie testu, włącz buforowanie, aby ograniczyć tworzenie dynamicznych treści po stronie serwera.

14. Obciążenie asynchroniczne

Skrypty takie jak JavaScript i CSS zwykle ładują się indywidualnie poprzez ładowanie synchroniczne. Dzięki asynchronicznemu wczytywaniu wszystkie z nich będą działaniem jednocześnie, co skróci czas ładowania stron internetowych. Jest taka opcja we wtyczce WP Rocket oprócz opcji blokowania renderowania CSS / JS w zakładce Pliki statyczne.

Wdróż sztuczki lub rozwiązania, które wydają się najbardziej praktyczne i skuteczne dla Twojej witryny. Wybierz VPS lub dedykowany hosting albo polegaj na specjalistycznych wtyczkach i narzędziach, aby Twoja witryna osiągnęła nowy poziom.

Co jeszcze możemy zrobić, aby poprawić prędkość i czy możemy kogoś innego zrobić dla nas??

Właściciele firm uzyskują lepsze wyniki ze swoich witryn, robiąc tylko jedną rzecz – zwiększając szybkość witryny. Kiedy poprawia twoją stronę internetową, dba również o optymalizację twoich zdjęć, edycję twojego .htaccess dla ciebie, konfigurację wtyczek dla lepszej wydajności i pokonania wszelkich przeszkód lub wąskich gardeł w twojej witrynie, aby upewnić się, że ładuje się tak szybko, jak to możliwe.

Baw się, przyspieszając swoją stronę! Twoi klienci z pewnością to docenią.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me