Nie pozwól, aby powolna strona internetowa zabiła Twój content marketing

W dzisiejszym bardzo konkurencyjnym, zawsze w ruchu społeczeństwie nikt nie ma czasu na powolne ładowanie strony.

Google karze teraz nieporęczne, nieefektywne strony internetowe, obniżając ich pozycję na stronach wyników wyszukiwania (SERP). Właściciele witryn mają tylko kilka sekund, zanim odwiedzający poczują się sfrustrowani i ruszą dalej. To nie jest dużo czasu, aby przekonać odwiedzającego, aby został i został fanem wszelkich wspaniałych treści, które mogłeś stworzyć.

Wszystko, co możesz zrobić, aby poprawić szybkość i wydajność, powinieneś zrobić szybko, ponieważ odsetek osób, które opuszczają powolną witrynę i nigdy nie wracają, jest przygnębiająco wysoki.

Jak więc upewnić się, że Twoja strona ładuje się tak szybko, jak to możliwe? Czytaj dalej, aby poznać kilka sztuczek i porad, które zmniejszą problemy z opóźnieniami i przyspieszą proces.

Zmniejsz liczbę żądań protokołu Hypertext Transfer Protocol

Żądania protokołu Hypertext Transfer Protocol (HTTP) odpowiadają za około 80 procent czasów ładowania stron internetowych. Występują, gdy przeglądarka jest wymagana do pobrania strony, obrazu lub pliku z serwera. Przeciętna przeglądarka internetowa otworzy tylko od czterech do ośmiu takich połączeń naraz.

Oznacza to, że nawet jeśli masz teoretyczną prędkość, załadowanie stron z licznymi żądaniami zajmie trochę czasu. Możesz łatwo ograniczyć liczbę żądań HTTP, utrzymując przejrzysty i prosty projekt strony lub zmniejszając liczbę obrazów i plików wideo na każdej stronie.

Innym sposobem na przyspieszenie wolnej witryny jest połączenie plików CSS i JavaScript w jeden, większy plik. Zmniejsza to liczbę przypadków, gdy przeglądarka musi powrócić na serwer, aby pobrać pliki i załadować je na stronę internetową, zmniejszając łączną liczbę plików. Proces jest na tyle prosty, że nawet początkujący może to zrobić, i zasadniczo jest taki sam dla obu typów plików.

Aby połączyć pliki, po prostu skopiuj/wklej kod z jednego pliku do drugiego. Po przesłaniu całego odpowiedniego kodu usuń oryginalne pliki i dodatkowy kod HTML. Wszystko to wymaga prostego kopiowania i wklejania i można to zrobić w dowolnym edytorze tekstu, takim jak TextEdit w systemie Mac OS X lub Notatnik w systemie Windows.

Optymalizuj i kompresuj swoje pliki

Istnieją dwa typy plików, które należy skompresować, aby skrócić czas ładowania witryny: 1) obrazy i 2) pliki kodu, takie jak CSS i JavaScript. Przyjrzyjmy się każdemu.

Jak kompresować obrazy

Obrazy zajmują większość dostępnych zasobów strony internetowej. Powinieneś sprawdzić swoją witrynę i usunąć wszystkie, które są niepotrzebne. Gdy masz tylko te obrazy, które chcesz, przeprowadź je przez program do optymalizacji zdjęć.

Google ma świetny optymalizator obrazu w swoich narzędziach programistycznych. Każdy obraz powinien mieć mniej niż 150 KB i być średniej jakości — około 72 dpi. Żaden obraz nie powinien być szerszy niż 1920 pikseli. Czasami optymalizacja jest tak prosta, jak zmiana formatu plików obrazów.

Aby użyć optymalizatora obrazu Google lub dowolnego innego narzędzia optymalizującego, po prostu prześlij obraz z komputera, kliknij przycisk Optymalizuj lub Kompresuj, a następnie pobierz nowo skompresowany obraz. Większość narzędzi do kompresji obrazu jest w stanie skompresować pliki w dowolnym miejscu od 50% do zaledwie 5% ich oryginalnego rozmiaru - ogromna korzyść dla szybkości strony.

Jak skompresować pliki CSS

Jeśli chodzi o kaskadowe arkusze stylów (CSS ), możesz skopiować całe kodowanie do jednego głównego pliku, ale upewnij się, że używasz kopiuj/wklej zamiast polecenia @import, ponieważ może to spowodować więcej opóźnień.

Możesz skompresować lub zminimalizować kod JS, eliminując niepotrzebne spacje, komentarze i podziały wierszy. Darmowe aplikacje internetowe, takie jak Minifier, mogą to zrobić za Ciebie. Oto jak korzystać z narzędzia:

1. Przejdź do Minifier.org w swojej przeglądarce. Zaloguj się do pulpitu WordPress i przejdź do Wygląd > Edytor.

2. Następnie kliknij style.css i skopiuj cały kod na ekranie.

3. Następnie wklej kod do okna w Minifier. Upewnij się, że wybrano CSS, a następnie kliknij duży przycisk MINIFY.

4. Na koniec wklej dane wyjściowe z Minifier z powrotem do arkusza style.css i kliknij Aktualizuj plik.

Gratulacje! Zminifikowałeś teraz swój kod CSS. Innymi słowy, skompresowałeś go, aby zaoszczędzić miejsce, przyspieszając w ten sposób sposób, w jaki ten kod ładuje się w Twojej witrynie.

Możesz powtórzyć proces z dowolnym rodzajem kodu, w tym JavaScript. Tylko upewnij się, że wybrałeś opcję JS w Minifier przed naciśnięciem przycisku MINIFY.

Zmniejsz liczbę przekierowań na swojej stronie

Przenoszenie lub usuwanie stron może usprawnić wygląd Twojej witryny, ale zmniejsza prędkość, spowalniając czas ładowania strony za pomocą przekierowań. Widzisz, za każdym razem, gdy przenosisz lub usuwasz stronę, przeglądarka napotyka przestarzały lub uszkodzony link i musi się przegrupować.

Jest to szczególnie frustrujące dla użytkowników urządzeń mobilnych, którzy obecnie stanowią większość ruchu w sieci.

Rozwiązaniem jest zidentyfikowanie i wyeliminowanie problemu. Ta wskazówka wymaga trochę zbadania, ale dostępne są programy, które pozwolą szybko zidentyfikować wszystkie przekierowania.

Na przykład aplikacja o nazwie GTmetrix umożliwia wprowadzenie adresu URL w pasku wyszukiwania na stronie i uzyskanie bezpłatnej analizy wydajności na miejscu, która zawiera listę wszystkich przekierowań w Twojej witrynie.

Korzystaj z pamięci podręcznej przeglądarki

Buforowanie umożliwia pobieranie części witryny do tymczasowego przechowywania w systemie użytkownika. Buforowanie przeglądarki przyspiesza ładowanie strony w przyszłości. Podobną sztuczką jest upewnienie się, że pierwsza strona Twojej witryny ładuje się szczególnie szybko. Gdy użytkownicy przechodzą do reszty witryny, czasy ładowania całej witryny poprawiają się dzięki buforowaniu.

WordPress oferuje kilka wtyczek, które wykorzystują pamięć podręczną przeglądarki, w tym .htaccess i W3 Total Cache. Jeśli chcesz to zrobić w staromodny sposób, edytuj kodowanie w pliku .htaccess do czasu wygaśnięcia dla plików graficznych i CSS.

Aby to zrobić, wykonaj następujące kroki:

1. Najpierw zaloguj się do cPanel.

2. Następnie znajdź i uruchom Menedżera plików.

3. Następnie przejdź do opcji Ustawienia i kliknij „Pokaż ukryte pliki”.

4. Teraz zlokalizuj katalog główny i znajdź plik .htaccess w folderze public_html.

5. Na koniec kliknij prawym przyciskiem myszy plik .htaccess, kliknij „Edytuj” i dodaj następujący kod:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
## EXPIRES CACHING ##


Następnie kliknij „Zapisz” i voila! Wszystko gotowe.

Wybór niezawodnego hosta internetowego

Twój wybór hosta internetowego i jego typ może mieć znaczący wpływ na szybkość witryny. Istnieją trzy opcje hostingu:

1. Shared to najtańsza opcja. Ważną rzeczą, o której należy pamiętać, jest to, że Twoja witryna zostanie spakowana na serwer wraz z innymi. Może wielu innych. Niektóre hosty są znane z tego, że nie zapewniają odpowiednich zasobów obliczeniowych, takich jak miejsce na dysku, procesor i pamięć RAM dla liczby obsługiwanych klientów. Jednak dla strony startowej lub strony o małym natężeniu ruchu nie jest to straszna opcja.
2. Wirtualny serwer prywatny lub VPS to krok naprzód w stosunku do hostingu współdzielonego pod względem ceny i usług. Mimo że Twoja witryna jest fizycznie zlokalizowana na serwerze z innymi witrynami, masz własną partycję i kopię systemu operacyjnego, a także dedykowane zasoby obliczeniowe, których nie może odprowadzić witryna sąsiada. W przypadku witryn o większym natężeniu ruchu i e-commerce, gdzie przestój oznacza utratę pieniędzy, jest to lepszy wybór hostingu.
3. Nie ma dużego i szybkiego poziomu ruchu, przy którym potrzebujesz serwera dedykowanego, ale jeśli regularnie widzisz sześć liczb miesięcznie, warto rozważyć. Przy 80 do 100 USD miesięcznie jest to najdroższa opcja, ale zamiast miejsca na serwerze, będziesz mieć cały serwer dla siebie i bez ograniczeń przydzielonych zasobów.

Niedawny raport z Hosting Canada, wspieranej przez społeczność organizacji badawczej, zauważa, że ​​różnica w szybkości ładowania strony nawet między znanymi hostami internetowymi może być znaczna. Na przykład dziesięcioletnie testy wykazały, że średnie czasy ładowania wahają się od 226 ms do 2850 ms w zależności od konkretnego hosta.

Jeśli chodzi o zatrzymanie odwiedzających po raz pierwszy na tyle długo, aby wzbudzić zainteresowanie, aby pozostać w pobliżu, ułamki sekundy opóźnienia mogą odesłać ich w drogę, aby nigdy nie wrócić. Nie byłoby najgorszym pomysłem na świecie, aby regularnie testować szybkość swojej witryny w Pingdom. Po prostu upuść swój adres URL w formularzu i kliknij „rozpocznij test”. Jeśli wprowadzisz zmiany na podstawie tego artykułu i nie zobaczysz poprawy, być może nadszedł czas, aby wypróbować innego hosta. Niektórzy gospodarze oferują narzędzia do analizy i optymalizacji szybkości witryny.

Jeśli Twoja witryna zawiera filmy lub inne duże pliki, warto umieścić je na zewnątrz. Korzystanie z własnych serwerów spowoduje przebicie dostępnej przepustowości, doprowadzając witrynę do indeksowania.

Wielokrotne maksymalizowanie przydzielonej przepustowości może w rzeczywistości naruszyć warunki użytkowania z firmą hostingową, co może spowodować usunięcie całej witryny.

Korzystanie z zewnętrznej witryny hostingowej dla treści wideo, takiej jak YouTube, optymalizuje wrażenia dla widzów, jednocześnie utrzymując dobrą opinię witryny z firmą hostingową.

Użyj sieci dostarczania treści

Podczas korzystania z sieci dostarczania treści (CDN) Twoja witryna jest „buforowana” — inaczej mówiąc „przechowywana” — w sieci rozproszonych geograficznie serwerów.

Pozwala to na wirtualną eliminację opóźnień ładowania, które występują, gdy serwery hostingowe znajdują się daleko od komputerów żądających.

Strony zależne od obrazu najbardziej skorzystają na korzystaniu z sieci CDN.

Końcowa myśl

Podsumujmy istotne punkty dotyczące poprawy powolnej szybkości witryny:

1. Zmniejsz liczbę żądań HTTP. Żądanie jest generowane za każdym razem, gdy przeglądarka poprosi o plik z serwera. Wypróbuj minimalistyczne podejście do projektowania.
2. Optymalizuj lub kompresuj pliki pod kątem obrazów i plików kodu, takich jak CSS i JavaScript.
3. Zmniejsz liczbę przekierowań. Z biegiem czasu naturalne zmiany w witrynie skutkują przekierowaniami, które pochłaniają czas, podczas gdy przeglądarka próbuje dowiedzieć się, dokąd ma prowadzić link. Utrzymuj je w czystości.
4. Włącz buforowanie przeglądarki. Zapisuje statyczne pliki w pamięci przeglądarki użytkownika, dzięki czemu strona ładuje się szybciej podczas przyszłych wizyt.
5. Wybierz niezawodnego hosta internetowego i przejdź z hostingu współdzielonego na hosting VPS, gdy poważnie podchodzisz do wydajności.
6. Subskrybuj usługę CDN. Utrzymywanie kopii witryny w rozproszonych lokalizacjach geograficznych przyspiesza dostarczanie jej do użytkowników końcowych.

Istnieje wiele czynników, które wpływają na czas ładowania witryny. Optymalizacja nie jest procesem statycznym, a raczej czymś, co należy stale monitorować i wprowadzać poprawki. W rzeczywistości coraz bardziej wyrafinowanego internetu szybkość witryny będzie z czasem naturalnie spadać. Będziesz musiał walczyć tylko po to, żeby utrzymać równowagę.

Ale po co zajmować się tworzeniem doskonałej kampanii content marketingowej, jeśli nikt nie czeka, żeby ją zobaczyć? Powodzenia!