Jak zrównoważyć szybkość ładowania strony internetowej z bogatą zawartością?

Krótkie czasy ładowania strony i bogata, interaktywna treść są kluczem do sukcesu witryny, ale znalezienie równowagi między nimi może być trudne.

Nie jest tajemnicą, że czas ładowania strony jest niezwykle ważny dla sukcesu witryny. Algorytmy wyszukiwania Google faworyzują szybkie czasy wczytywania, a także istnieje wiele badań, które pokazują, że niewielki wzrost czasu wczytywania strony może mieć negatywny wpływ na konwersje. Tom Whiley, menedżer ds. marketingu cyfrowego w Hallam, napisał w zeszłym roku doskonały post na blogu o tym, jak poprawić szybkość ładowania strony. Podczas gdy nasi partnerzy hostingowi, WP Engine, stworzyli świetną infografikę na temat szybkości ładowania strony.

Witryny muszą być również bogate w treści, obrazy i interaktywność, aby zachęcać do konwersji. To nieuchronnie prowadzi do większych stron, co naturalnie spowalnia czas ładowania strony.

Konflikt między potrzebą szybkości a zapotrzebowaniem na bogatą zawartość może spowodować zatrzymanie projektów projektowych. Dlatego ważne jest, aby znaleźć równowagę, która spełnia oba wymagania.

Na tym blogu podzielę się z Wami podejściem, które pomoże Wam zrównoważyć te dwa sprzeczne wyzwania.

Powiąż szybkość strony z jej przeznaczeniem

Nie można przewidzieć czasu ładowania, dopóki witryna nie zostanie rozwinięta do dość dojrzałego etapu, więc najlepiej jest zastosować iteracyjne podejście do pomiaru i poprawy szybkości.

Kluczowym punktem wyjścia jest identyfikacja stron docelowych SEO witryny i jej stron z bogatą treścią. Następnie możesz skupić się na maksymalnym zmniejszeniu rozmiaru strony i szybkości ładowania stron SEO.

Podobnie bogate strony docelowe mogą mieć nieco więcej miejsca na interakcję użytkownika.

Oto przybliżony proces, który można zastosować:

1. Zidentyfikuj kluczowe strony docelowe, które będą dla nas celem dla zmniejszonych prędkości ładowania.
2. Projektuj zgodnie z najlepszymi praktykami, aby zapewnić niskie czasy ładowania.
3. Zdecyduj się na funkcje wokół najlepszych praktyk dla krótkich czasów wczytywania.
4. Opracuj strony.
5. Mierz i szukaj możliwości zaoszczędzenia czasu ładowania.
6. W razie potrzeby powtórz 4-5.

Obejmuje to tylko pierwszą część historii. Kluczowe strony SEO muszą być następnie stale monitorowane pod kątem czasu ładowania strony, aby upewnić się, że nadal działają zgodnie z oczekiwaniami, szczególnie w przypadku korzystania z systemu zarządzania treścią, który umożliwia każdemu edytowanie stron.

Tak więc po uruchomieniu strony można wykonać dwa proste kroki:

1. Ustaw comiesięczną kontrolę kluczowych stron docelowych, aby upewnić się, że nadal działają.
2. Użyj narzędzia do monitorowania szybkości strony, które uruchamia się, gdy wydajność strony spadnie poniżej uzgodnionego poziomu.

Rozważania projektowe dotyczące optymalizacji prędkości ładowania

Projekt witryny odgrywa kluczową rolę w określeniu, jak bardzo można zoptymalizować czas ładowania strony. Jeśli chodzi o strony internetowe, rozmiar naprawdę ma znaczenie. Celem jest utrzymanie idealnego czasu ładowania strony poniżej 500 000, ale na pewno poniżej 1 MB.

Oto kilka kroków, które należy wykonać, aby zminimalizować czas ładowania:

1. Zminimalizuj użycie zdjęć na kluczowych stronach docelowych tak bardzo, jak to możliwe. Zbyt łatwo jest użyć obrazów, aby strona wydawała się bogata, gdy subtelne użycie ikonografii i projektu może dać ten sam efekt.
2. W przypadku korzystania z obrazów należy je zoptymalizować, zapewniając jednocześnie brak niedopuszczalnego pogorszenia jakości.
3. Korzystaj z szczupłych stron docelowych, które są zoptymalizowane pod kątem bezpłatnych wyników wyszukiwania, i przechowuj bogatą treść na głębszych stronach, które nie są kierowane do bezpłatnych wyników wyszukiwania.
4. Unikaj wielu unikalnych, złożonych układów w wielu szablonach. Im prostsze znaczniki HTML, tym mniejsze będą pliki.
5. Unikaj złożonych elementów interaktywnych, które opierają się na ciężkich bibliotekach JavaScript. Może wyglądać fajnie, gdy coś porusza się po ekranie, ale czy to naprawdę konieczne?

Względy techniczne podczas realizacji

I na koniec możemy wkroczyć do niektórych bardziej technicznych aspektów szybkości ładowania strony, które należy wziąć pod uwagę przy wyborze hostingu:

1. Tam, gdzie to możliwe, usuń poleganie na skryptach innych firm. Powodują one problemy, ponieważ nie tylko polegasz na tym, że skrypty ładują się przed załadowaniem strony, ale czasami są one również mocno obciążone i ładują się wolniej niż zwykle. Może to prowadzić do „nierównych” czasów ładowania.
2. Stosuj techniki leniwego wczytywania, aby mieć pewność, że obrazy, które nie pojawiają się w części strony widocznej na ekranie, będą ładowane, gdy użytkownik przewinie do widoku.
3. Lepiej wykorzystuj responsywne obrazy. Wprowadzono pewne postępy w obsłudze responsywnych obrazów przez przeglądarki, co oznacza, że ​​nie musimy dostarczać jednego dużego obrazu, który działa we wszystkich portach widoku i może oferować lepszy obraz w określonych rozdzielczościach.
4. Upewnij się, że umieszczone filmy wideo są ładowane po załadowaniu strony, a nie w ramach ładowania strony. Oznacza to, że użytkownicy zobaczą obraz podglądu filmu, a następnie zobaczą sam film po kliknięciu linku.
5. Unikaj dużych plików htaccess w przypadku przekierowań 301 i łącz reguły w zbiorcze przekierowania kategorii zamiast pojedynczych przekierowań między stronami.
6. Użyj sieci CDN do tworzenia zdjęć. Będzie to wymagało pomiaru, ponieważ sieci CDN mogą być szkodliwe dla wydajności, jeśli baza użytkowników witryny jest szczególnie zlokalizowana.
7. Zminimalizuj pliki CSS i Javascript. W większości przypadków powinieneś już to robić, ale mogą pojawić się dalsze możliwości zmniejszenia niektórych plików na kluczowych stronach. Jest to kluczowy element przy podejmowaniu decyzji o instalacji nowych wtyczek.
8. Zrezygnuj z obsługi starszych przeglądarek. Starsze przeglądarki wymagają warunkowego utworzenia i załadowania określonych plików CSS i JS. Jeśli uda nam się je całkowicie usunąć, będzie to jedna prośba mniej.
9. Zminimalizuj liczbę wtyczek używanych w Twojej witrynie. Regularnie dziedziczymy strony internetowe, które cierpią z powodu rozrostu wtyczek. Nie jest to nowy problem podczas pracy z CMS, ale wciąż duży.
10. Nie polegaj na nieistotnych wymaganiach hostingowych, takich jak hosting obrazów dla podpisów e-mail
11. Uruchom zapytania optymalizujące bazę danych. Jeśli Twoja witryna istnieje już od jakiegoś czasu, istnieje szereg technik bazodanowych, które można wykorzystać do optymalizacji czasu uruchamiania zapytań.

Podsumowując, stworzenie wysoce zoptymalizowanej witryny to równowaga między specyfikacją, projektem i wdrożeniem. Kluczowym czynnikiem jest dla mnie odróżnienie wysoce zoptymalizowanych stron SEO od innych stron tam, gdzie to możliwe i skupienie się na ich optymalizacji w miarę możliwości.

Jeśli potrzebujesz pomocy przy tworzeniu stron internetowych, nie wahaj się z nami skontaktować.