Jak sprawić, by witryna była szybka w 6 prostych krokach.

Oto kilka technik zwiększania szybkości witryny, których nie możesz przegapić.

Jeśli Twoja witryna nie zostanie załadowana w ciągu 3 sekund, możesz stracić potencjalne przychody i stracić wyższą pozycję w rankingu wyszukiwarek. Podobnie, jeśli nie jest wystarczająco bezpieczny, dajesz hakerom możliwość polowania na Twoją witrynę w poszukiwaniu strat reputacyjnych i biznesowych.

W związku z tym nie można uciec od ulepszeń bezpieczeństwa i wydajności, aby zapewnić lepsze i bezpieczniejsze wrażenia użytkownika.

Kiedy więc mówimy o optymalizacji wydajności, słyszymy takie rzeczy, jak włączanie kompresji, minimalizowanie plików, buforowanie, używanie lekkich motywów, utrzymywanie minimalnych wtyczek itp.

Są w porządku, ale w tym artykule wymieniliśmy o wiele więcej, które można zastosować na dowolnej platformie, takiej jak WordPress, Joomla, Magento, Drupal, Node.js itp.

Zobaczmy, co już masz, a co nie.

Dobry pakiet hostingowy

Czasami jedynym błędem, jaki popełniasz, jest wybór złego usługodawcy hostingowego i wspólnego planu hostingowego.

Ale osobiście uważam, że nie chodzi o złych gospodarzy. Chodzi przede wszystkim o ultratanie abonamenty hostingowe.

Coś jest nie tak, gdy miesięczne rachunki za hosting kosztują mniej niż filiżanka kawy.

Załóżmy, że współdzielony hosting jest przepełnionym autobusem, do którego nikt nie chce wsiadać, ale i tak wkrada się z powodu „atrakcyjnej” taryfy.

Najbardziej lukratywnymi cechami hostingu współdzielonego są wstępne rabaty i niezrównana przejrzystość tego, ile witryn współdzieli jeden serwer.

Pozwól, że ci to powiem; te liczby są zwykle w setkach.

Prowadzi to do częstych wąskich gardeł związanych z hałaśliwym sąsiadem, a duża część takich witryn nigdy nie jest wystarczająco aktywna, aby wyświetlić pierwszą stronę wyszukiwania Google.

Podsumowując, przełącz się na VPS lub serwery dedykowane dla ważnych projektów.

Sieć dostarczania treści

CDN, skrót od sieci dostarczania treści, jest drugi w kolejności po wybraniu dobrego pakietu hostingowego.

Jest to potrzebne każdemu, kto ma globalną publiczność. Powodem jest to, że nie możesz hostować witryny wszędzie; pozostaje stacjonujący w jednym miejscu. Tak więc odległość odgrywa rolę spoilera, gdy japoński użytkownik próbuje uzyskać dostęp do Twojej witryny hostowanej w Nowym Jorku w USA.

Jednak subskrypcja usługi CDN, takiej jak Cloudflare, rozwiązuje ten problem z lokalizacją. CDN przechowuje kopie twoich stron internetowych w swojej sieci serwerów i obsługuje żądania z najbliższego serwera. Zmniejsza to obciążenie pojedynczego centralnego serwera, który może być oddalony od siebie o oceany.

Ponadto, w oparciu o CDN, możesz cieszyć się wyższym bezpieczeństwem niż to, co może zaoferować zwykły hosting.

Włącz IPv6

IPv6 jest szybszy niż IPv4. LinkedIn znalazł 40% poprawę w Europie, a Facebook około 10-15% dzięki dostępowi przez IPv6.

Proszę spojrzeć na globalny wykres adopcji IPv6 sporządzony przez Google.

Około 42% użytkowników łączy się z Google przez IPv6, ale jest tylko 21,2% witryn obsługujących IPv6.

Co ciekawe, Cloudflare odkrył, że strony internetowe obsługujące IPv6 ładują się o 27% szybciej niż ich odpowiedniki IPv4.

Czy Twoja witryna ma protokół IPv6? Niepewny! Możesz to przetestować w Internecie.

Jeśli tak nie jest, oto jak możesz to zrobić.

Większość dostawców CDN, takich jak Cloudflare, Incapsula, CacheFly, AKAMAI, oferuje IPv6. Możesz sprawdzić panel sterowania, aby je włączyć.

Jeśli nie używasz CDN i hostingu na VPS, takim jak Linode, DigitalOcean itp., Zapoznaj się z tym, aby zezwolić na IPv6 na serwerach WWW Nginx i Apache.

Posiadanie IPv6 nie szkodzi niczemu i byłoby zabawne dla szybkiej wygranej w postaci około ~ 10% skrócenia czasu ładowania strony.

Wybierz HTTP/3 lub HTTP/2

HTTP to rozwijająca się technologia używana do ładowania stron internetowych, gdy odwiedzamy dowolny adres URL w przeglądarkach internetowych.

Wszystko zaczęło się od HTTP/0.9 w 1991 roku, a następnie pojawiły się aktualizacje, takie jak HTTP/2 i obecnie największy HTTP/3.

HTTP/2 przyniósł wiele korzyści w porównaniu z HTTP/1.1, w tym:

  • Wypychanie serwera
  • Multipleksowanie
  • Priorytetyzacja zasobów
  • Kompresja nagłówka
  • Małe opóźnienia

Obecnie korzysta z niego 39,3% stron internetowych i jest siedmiokrotnie szybszy niż HTTP/1.1. Przełączając się na HTTP/2, możesz spodziewać się skrócenia czasu ładowania strony nawet o 30 do 40%.

Sprawdź, czy Twoja witryna obsługuje protokół HTTP/2.

Jednak HTTP/2 ma swoje własne problemy.

Na przykład cierpi na blokowanie na początku linii. Tutaj każdy problem z połączeniem TCP może spowodować zablokowanie wszystkich strumieni. Jednak w przypadku protokołu HTTP/3 opartego na protokole UDP utrata pojedynczego pakietu nie wpływa na każdy inny strumień.

Ponadto HTTP/3 pozwala na mniejsze opóźnienia, unikając uzgadniania TLS przy ponownym połączeniu. Ogólnie rzecz biorąc, HTTP/3 zapewnia wszystkie zalety HTTP/2, ale bez związanego z tym przeciągania.

Sprawdź, czy Twoja witryna obsługuje protokół HTTP/3.

Możesz sprawdzić obsługę HTTP/3 lub HTTP/2 u swojego usługodawcy hostingowego. Alternatywnie, Twój dostawca CDN może mieć proste przełączanie do preferowanej wersji HTTP.

Optymalizacja obrazu

Nikt nie chce przechodzić przez ścianę tekstu, która sprawia, że ​​obrazy są nieuniknioną częścią każdej strony internetowej. Z drugiej strony posiadanie obrazów na stronie internetowej powoduje, że jest ona ciężka i wydłuża czas ładowania strony.

Dlatego rozwiązanie prosi o udostępnianie obrazów w stosunkowo lżejszym formacie, takim jak WebP lub AVIF. Nie tylko drastycznie zmniejsza rozmiar (w niektórych przypadkach o ponad 80%), ale jakość wydruku pozostaje zasadniczo taka sama.

Teraz możesz konwertować i przesyłać bezpośrednio w tych formatach nowej generacji. Lub zasubskrybuj usługę konwersji innej firmy, taką jak Optimole, aby robić to w locie.

Ogranicz nadmiar żądań HTTP

Witryna nigdy nie ładuje się jako pojedynczy element. Zamiast tego każdy element, tekst, obrazy, CSS, JavaScript itp., jest dostarczany jako żądanie HTTP.

A wszystkie inne rzeczy pozostały niezmienione, strona internetowa z mniejszą liczbą nie. żądań HTTP ładuje się szybciej niż jedno, które ma ich więcej.

Podsumowując, w naszym najlepszym interesie jest, aby liczba żądań HTTP była jak najmniejsza.

Z mojego osobistego doświadczenia z WordPressem mogę powiedzieć, że wybór lekkiego motywu, takiego jak Generate Press, pomaga. Ponadto zmniejszenie liczby wtyczek również przyczynia się do posiadania szybkiej i bezpiecznej strony internetowej.

Jest to jednak odrębny temat, któremu należy poświęcić szczególną uwagę.

W szczególności zaznacz to, jeśli masz witrynę WordPress, aby uzyskać mniej żądań HTTP.

Przełącz na bezpieczne czcionki internetowe

Wszyscy chcemy, aby nasze strony internetowe wyglądały wyjątkowo i były przyjazne dla użytkownika. Pierwszym krokiem, który wielu podejmuje, jest przejście na inną czcionkę.

Na szczęście istnieje kilka bezpłatnych opcji, w tym czcionki Google. Spowoduje to jednak dodanie wielu żądań HTTP. Co gorsza, Twoja witryna powróci do czcionek systemowych, jeśli serwer czcionek innej firmy kiedykolwiek przejdzie w tryb offline.

Aby temu przeciwdziałać, niektórzy webmasterzy samodzielnie hostują czcionki na swoich stronach internetowych, co jest krokiem w kierunku samodzielności. Jednak nadal dodaje plik, który należy załadować z serwera na urządzenie użytkownika. Oznacza to dodatkowe żądania HTTP, które pociągają za sobą spadek wydajności, bez względu na to, jak mały.

W związku z tym istnieją pewne bezpieczne czcionki internetowe, których można używać w celu uzyskania jak najszybszego działania bez ryzyka zamiany czcionek podczas awarii serwera. Czcionki te nazywane są czcionkami systemowymi i są powszechne wśród komputerów z systemem Windows, komputerów Mac, systemów Linux, iOS, Android itp.

Oto kilka bezpiecznych czcionek internetowych:

  • Arial
  • Verdana
  • Trebuchet-MS
  • Tahoma
  • Czcionka Times New Roman
  • Gruzja
  • Wpływ itp.

Wykorzystaj buforowanie

Buforowanie oznacza przechowywanie danych lokalnie. Zapewnia to najszybsze możliwe ładowanie strony internetowej przy kolejnych odwiedzinach. Eksperci często zalecają wdrożenie buforowania w celu skrócenia czasu ładowania.

Na przykład WordPress ma wiele wtyczek pamięci podręcznej, takich jak WP Fastest Cache. Alternatywnie można wdrożyć buforowanie przeglądarki, edytując plik .htaccess.

Jest jednak oparty na platformie i można to wdrożyć na różne sposoby.

Ładowanie asynchroniczne

To kolejna strona prosto z mojego osobistego doświadczenia z WordPressem. W rzeczywistości stało się tak, że Google Search Console wydało ostrzeżenie o moich ponad 40 postach na blogu, które nie przeszły podstawowego testu Web Vitals.

Podstawowe wskaźniki internetowe to ocena strony Google i jest ważna dla każdego, kto stara się uzyskać wysoką pozycję w wyszukiwarce.

Aby lepiej to zrozumieć, sprawdź tę analizę Pagespeed dotyczącą jednego z artykułów newsblog.pl:

Dzięki naszym programistom WordPress przeszedł te testy śpiewająco.

Ale w moim osobistym projekcie szczególnie nie powiodło mi się w największej zawartości treści (LCP) i pierwszej zawartości zawartości (FCP). W szczególności LCP wynosił 3,3 sekundy, a FCP około 2,4 sekundy.

Będąc blogerem z doświadczeniem niezwiązanym z IT, nie mogłem zoptymalizować go poza punkt. Na mojej skali zaznaczałem wszystkie właściwe pola: motyw premium, brak dodatkowych wtyczek, czcionki systemowe, obrazy WebP, hosting w chmurze itp.

To, co pomogło, to pojedynczy przełącznik we wtyczce Jetpack boost WordPress:

W skrócie, asynchronicznie ładuje Javascript innej firmy, dołączając atrybuty async lub defer do tagów