Jak mam załadować moją witrynę Joomla w 1.29 sekundy

Od jakiegoś czasu słyszymy, że SEO i Pozycjonowanie Joomla może mieć wpływ czas ładowania strony - dlatego niedawno rozpoczęliśmy intensywne ćwiczenia polegające na tym, aby nasza strona ładowała się w absolutnie minimalnym możliwym czasie.

Uważamy, że aktualna prędkość obciążenia i ocena w GTMetrix są stosunkowo dobre 85% dla PageSpeedi 95% dla YSlow Grade i czasu ładowania 1.29 sekundy, więc pomyśleliśmy, że podzielimy się, jak to zrobiliśmy. Niektóre z nich są specyficzne dla Joomla, podczas gdy inne są ogólne, ale ogólne koncepcje mają zastosowanie do KAŻDEGO systemu zarządzania treścią i dowolnej strony internetowej.

szybko załaduj stronę joomla

Zanim zaczniesz: Uruchom swoją witrynę za pomocą GTMetrix lub Pingdom Tools. Zanotuj swoją obecną ocenę, a następnie obserwuj, jak się poprawia. Dobrą rzeczą jest to, że GTMetrix śledzi również twoją historię, dzięki czemu możesz zobaczyć wykres z twoimi ulepszeniami.

KROK 0: WYKONAJ PEŁNE KOPIE ZAPASOWE — Niektóre z poniższych zaleceń mogą uszkodzić Twoją witrynę. Wykonuj częste pełne kopie zapasowe przed wprowadzeniem jakichkolwiek zmian.

1. Skróć czas odpowiedzi serwera

 

Skróć czas odpowiedzi serweraJeśli po uruchomieniu witryny przez GTMetrix lub PageInsights zauważysz duże opóźnienie w początkowej odpowiedzi - Twój współdzielony serwer hostingowy cierpi.

Największą różnicą, jaką możesz wprowadzić w szybkim ładowaniu witryny, jest użycie zalecanego hosta Joomla i skrócenie czasu odpowiedzi serwera. Nasza rekomendowana usługa hostingowa to W ruchu, którego używamy na tej stronie.

Prowadzimy tę witrynę na planie InMotion VPS-3000HA-S z serwerem LiteSpeed, serwerem internetowym na poziomie Enterprise, który okazał się szybszy niż Apache lub NGINX. Dzięki takiej konfiguracji nasz czas odpowiedzi serwera jest zazwyczaj less niż 0.1 sekund.

Sprawdź zrzut ekranu poniżej, możesz zobaczyć początkowy czas odpowiedzi 100 ms.

collectiveray czas odpowiedzi serwera

Jak możesz sobie wyobrazić, jest to wysoce dostrojona konfiguracja, z wieloma poziomami buforowania, w tym buforowaniem PHP OpCode (co sprawia, że ​​PHP działa szybciej), więc nie jest to typowa konfiguracja hostingu współdzielonego.

Ale jeśli poważnie myślisz o szybkości, VPS jest zdecydowanie twoim pierwszym portem.

Jeśli chcesz VPS w dobrej cenie, nawiązaliśmy współpracę z hostingiem InMotion, aby dać Ci do 70% ZNIŻKI na ceny VPS, sprawdź naszą ofertę poniżej.

Kliknij tutaj, aby uzyskać najlepszą ofertę na hosting VPS tylko w listopadzie 2023 r

2. Wyznacz sobie ambitny cel i trzymaj się go, dopóki go nie osiągniesz get

To absolutna konieczność.

Jeśli nie masz celu, prawdopodobnie nie będziesz dalej naciskać. 

Musisz postawić sobie ambitny cel i dążyć do jego osiągnięcia ZANIM zaczniesz optymalizować. Naszym celem było skrócenie czasu ładowania strony głównej do: less niż 1.5 sekundy ORAZ uzyskaj co najmniej 85% w obu Szybkość strony i wynik YSlow na GTMetrix. 

Nasz wynik końcowy. Czas ładowania nieco ponad 0.5 sekundy.

czas ładowania narzędzi pingdom

 

Nieźle :)

wyniki wydajności gtmetrix

3. Włącz domyślną pamięć podręczną Joomla

Jest to dość proste, ale BARDZO skuteczne.

Najczęściej dzieje się tak dlatego, że zamiast uruchamiać te same zapytania w kółko w bazie danych, pamięć podręczna przechowuje kopię Twojej strony i wyświetla ją z tymczasowego pliku przechowywanego na dysku.

Zmniejsza to obciążenie serwera i poprawia ogólny czas ładowania serwera. Wykonywanie zapytań do bazy danych, szczególnie w przypadku współdzielonych usług hostingowych, może zająć dość dużo czasu, zwłaszcza gdy liczba elementów w bazie danych rośnie. Jeśli Twój ruch również rośnie, oznacza to, że Twój serwer i baza danych są stale pod dużym obciążeniem.

Buforowanie rozwiązuje ten problem, eliminując większość obciążenia. Dane, których wymaga Twoja witryna, są tworzone cyklicznie i przechowywane w pamięci podręcznej (tj. przechowywane w pliku na serwerze). Pobieranie strony/danych z dysku, zamiast uruchamiania zapytań z bazy danych, znacznie przyspiesza czas ładowania.

Aby włączyć pamięć podręczną, wykonaj następujące czynności:

System > Konfiguracja globalna > System

Włącz buforowanie progresywne i ustaw wygaśnięcie pamięci podręcznej na 60 minut (lub więcej), zwłaszcza jeśli zawartość nie zmienia się zbyt często. Nie potrzebujesz buforowania specyficznego dla platformy. Spowodowałoby to utworzenie różnych wersji pamięci podręcznej dla użytkowników mobilnych / stacjonarnych, nieless masz znaczących użytkowników mobilnych i stacjonarnych.

ustawienia pamięci podręcznej joomla

Możesz ustawić go na znacznie dłuższy, jeśli treść zmienia się rzadko, możesz to zobaczyć do 240 minut, a nawet więcej, zwłaszcza jeśli masz wielu odwiedzających na tych samych stronach.

4. Włącz kompresję GZIP

Ten krok zapewnia, że ​​generowana zawartość jest skompresowana przed wysłaniem. Logika jest bardzo prosta, zajmuje to dużo less czas na kompresję i dekompresję treści zamiast przesyłania dużych fragmentów treści. Jest to coś, co można również łatwo zrobić w Joomla 3 za pomocą:

System > Konfiguracja globalna > Serwer 

Przełącz kompresję GZIP na TAK.

ustawienia kompresji strony gzip

(Jeśli szukasz pełnego dokumentu, jak włączyć kompresję GZip w WordPressie, zapoznaj się z tym artykułem na CollectiveRay)

5. Włącz wtyczkę System - Cache

Ta wtyczka buforuje każdą całą stronę w Twojej witrynie i (opcjonalnie) poleca Twojej przeglądarce, a ta strona powinna być buforowana przez pewien czas (jest to znane jako buforowanie przeglądarki).

Pierwsza część tego kroku zapewnia, że ​​WSZYSTKIE strony są buforowane na serwerze. Jest to dość ważne, ponieważ w przeciwnym razie, podczas gdy ogólne rzeczy, takie jak menu, byłyby obsługiwane z pamięci podręcznej, każda strona nadal musiałaby być obsługiwana dynamicznie.

Dlatego włączamy tę wtyczkę, aby umożliwić buforowanie na poziomie strony.

Pamięć podręczna przeglądarki ma wiele sensu, zwłaszcza że nie będzie trzeba ponownie pobierać niektórych obrazów i plików w kółko. Przeglądarka użyje kopii lokalnej, a zatem less wymagany jest transfer danych, dzięki czemu Twoje strony ładują się szybciej.

Jest to szczególnie skuteczne w przypadku elementów takich jak CSS i obrazy Twojego arkusza stylów. Jest to również standardowa funkcjonalność Joomla aktywowana przez:

Rozszerzenia > Menedżer wtyczek, Szukaj Cache i włącz System - Wtyczka pamięci podręcznej. Możesz także wykluczyć niektóre elementy menu, które muszą być usunięte z pamięci podręcznej, lub przejść do opcji zaawansowanych wtyczki i wykluczyć określone adresy URL, które chcesz pozostawić bez pamięci podręcznej.

pamięć podręczna strony systemowej

 

6. Wykorzystaj buforowanie przeglądarki na poziomie serwera

Jest to bardzo podobne do kroku 5, jeśli chodzi o część buforowania przeglądarki. Ten konkretny krok jest ściśle związany z buforowaniem przeglądarki.

Różnica polega na tym, że ten krok jest teraz wykonywany na poziomie serwera. Zasadniczo musisz zalecić przeglądarce buforowanie określonych typów plików przez określony czas. Google PageSpeed ​​sugeruje co najmniej JEDEN MIESIĄC.

Aby to zrobić, musisz edytować plik .htaccess na następujący. Maksymalna wartość wieku to 1 miesiąc w sekundach.


Zestaw nagłówków Cache-Control "max-age=2592000, public"

Inne wartości, które warto wziąć pod uwagę:

1 ROK:

Zestaw nagłówków Cache-Control "max-age=29030400, public"

1 TYDZIEŃ:

Zestaw nagłówków Cache-Control "max-age=604800, public"

Możesz także wybrać pamięć podręczną less lub więcej typów plików, ale powyższe są najczęstszymi plikami statycznymi, które mogą i powinny być buforowane.

Dla tych z Was, którzy pracują z WordPress, stworzyliśmy obszerny przewodnik na temat korzystania z pamięci podręcznej przeglądarki z wtyczką lub bez niej w tym przewodniku na CollectiveRay.

7. Zainstaluj JCH_Optimizer

Optymalizator JCH zawiera OGROMNĄ liczbę polecanych materiałów przez PageSpeed ​​i skutkuje ogromnym wzrostem Twojej oceny PageSpeed.

Problem, który możesz napotkać, polega na tym, że może to spowodować uszkodzenie niektórych funkcji Twojej witryny. Ostrożnie zapoznaj się z opcjami, które włączasz.

W przypadku naszej witryny udało nam się włączyć prawie wszystkie optymalizacje z bardzo nielicznymi wykluczeniami - ale w przypadku Twojej witryny może być konieczne znalezienie optymalnych ustawień przez chwilę. Opisywanie Optymalizator JCH jest nieco poza zakresem tego artykułu, ale uwierz nam na słowo, zainstaluj i włącz wtyczkę. Nie pożałujesz. 

Poniżej znajduje się część oficjalnego opisu:

Ta wtyczka łączy zewnętrzne pliki JavaScript i CSS w jeden, aby zminimalizować kosztowne żądania http. Pliki te można zminimalizować i spakować gzipem, aby zmniejszyć przepustowość i jeszcze bardziej zoptymalizować czas pobierania.

8. Zmniejsz zawartość swojej witryny

To jest bardzo ważne. Twórz i utrzymuj swoją witrynę absolutnie szczupłą To jest ten, któremu powinieneś poświęcić najwięcej czasu. Spędziliśmy tygodnie na tym kroku w pojedynkę.

Aby to zrobić, musisz sięgnąć po jak najwięcej komponentów, wtyczek i modułów. Zabij ich. Zabij ich ogniem.

Każda dodatkowa funkcjonalność wydłuża czas działania serwera i zwiększa całkowitą wagę serwisu.

Uwaga: stąpaj tutaj ostrożnie. Wykonaj pełne kopie zapasowe przed usunięciem rdzenia Joomla! komponenty, moduły i wtyczki

Rób to, aż się wyczerpiesz. Naprawdę, zrób to. Usuń WSZYSTKIE rzeczy, których nie używasz.

Nawet rzeczy, które są domyślnie, ale których nie będziesz potrzebować, takie jak

  • domyślny szablon, którego już nigdy nie użyjesz,
  • komponenty linków internetowych, których prawdopodobnie nie używasz,
  • komponenty newsfeeds, jeśli ich nie używasz,
  • i WSZYSTKIE wtyczki, których nigdy nie użyjesz.

Odinstaluj je, a nie tylko je wyłącz.

Koncentruj się obsesyjnie na rzeczach, których nie potrzebujesz, usuń wszystkie dodatkowe komponenty i łącz moduły i wtyczki, jeśli to możliwe. Np. dla przycisków społecznościowych użyj 1 wtyczki do wszystkiego. Jeśli masz niestandardowy kod HTML, umieść go jak najwięcej w jednym module.

  • Usuń dodatkowe kategorie forum i maksymalnie zminimalizuj liczbę pozycji w menu.
  • Usuń starych użytkowników i starą zawartość.
  • Scal i łącz sekcje, kategorie, menu i wszystko inne, jeśli to konieczne.

Należy skupić się na sprowadzeniu rzeczy do absolutnego minimum wymaganego do istnienia witryny. Rób to obsesyjnie przez kilka tygodni. Idź na szaleństwo usuwania, posiekaj i usuń, wyłącz i odinstaluj.

Skoncentruj się na tym, aby Twoja witryna była tak szczupła, jak to tylko możliwe, bez uszkadzania czegokolwiek.

Niestety nie śledziliśmy rzeczy, które usunęliśmy.

9. Zmniejsz łączną liczbę wniosków

Usuń dodatkowe obrazy, które są zbędne.

Ponadto pobierz i hostuj wersję dowolnych obrazów, które są udostępniane z zewnętrznych witryn internetowych, z kopii w Twojej witrynie (zmniejszy to liczbę wyszukiwań DNS, które przeglądarka Twojego klienta będzie musiała wykonać, ponieważ mają one poważny wpływ na szybkość strony Twoja strona).

Przeanalizuj szczegółowo, jakie są żądania za pomocą narzędzi wydajności GTMetrix lub Pingdom. Następnie sprawdź, czy te prośby są naprawdę konieczne. Jeśli nie, usuń je.

Na przykład ten skrypt innej firmy, który zainstalowałeś kilka lat temu? Czy nadal tego potrzebujesz? A ten skrypt Google AdSense, czy to naprawdę konieczne? Czy nadal używasz piksela Facebooka, czy możesz go usunąć?

Mamy tendencję do szaleństwa ze skryptami innych firm, dostajemy syndrom błyszczących obiektów i dodajemy do naszej witryny, nie zdając sobie sprawy, że powiększamy rozmiar naszej witryny.

Zrób to samo, co w poprzednim kroku. Przestudiuj każde żądanie wysyłane przez Twoją witrynę, sprawdź, czy jest to konieczne, a jeśli nie, zabij je.

GTMetrix ma również fajną funkcję, która zoptymalizuje rozmiar wszystkich twoich obrazów. Zapisz zoptymalizowane wersje i użyj zoptymalizowanych wersji na swojej stronie.

10. Podawaj zawartość z CDN

Sieci dostarczania treści to serwery, które buforują kopię statycznych części Twojej witryny i mogą ją obsługiwać optymalnie i znacznie szybciej niż Twój serwer. To da ci kolejny OGROMNY wzrost szybkości twojej strony.

Jeśli ty nie stać mnie na CDN, witryny takie jak StackPath CDN mieć bardzo tani plan, który zaspokoi potrzeby większości małych stron internetowych. 

StackPath zaczyna się od 20 $ / miesiąc.

stackpath cdn

Chociaż może to wyglądać na dużo pieniędzy, zwłaszcza w porównaniu z takimi rzeczami, jak hosting Twojej witryny, jeśli Twoja witryna jest szybsza, UX jest lepszy i na pewno uzyskasz większy ruch organiczny i ogólnie zwiększysz działalność swojej witryny.

11. Postępuj zgodnie z każdą rekomendacją na PageSpeed, YSlow

Zarówno PageSpeed, jak i YSlow mają szereg szczegółowych zaleceń, takich jak określanie

  • domyślny zestaw znaków
  • upewnij się, że masz określone wymiary obrazu (określ szerokość i wysokość każdego obrazu w swojej witrynie).

W przypadku wszelkich treści przechowywanych w Twojej witrynie postępuj zgodnie z każdą z nich co do joty.

Jeśli nie masz pojęcia, co musisz zrobić, Google jest twoim przyjacielem, przeczytaj o tym i zrozum to i wykonaj na swojej stronie. Unikaj złych żądań, tj. upewnij się, że nie ma obrazów lub plików, które są niepoprawnie połączone.

Niektóre mogą być dość trudne do zrobienialess naprawdę wiesz, co robisz. Wczytuj skrypty innych firm, takie jak Facebook, Twitter, AdSense i Google Analytics asynchronicznie. Istnieje wiele dość łatwych optymalizacji, które możesz wykonać.

PS. Mogą istnieć zalecenia, których nie możesz przestrzegać w przypadku zawartości hostowanej poza Twoją kontrolą. Na przykład AdSense, Facebook i inne skrypty mają pewne optymalizacje, które mogą wprowadzić. Nie masz nad nimi dużej kontroli. Dobrą rzeczą jest to, że twój CDN może również mieć optymalizacje dla treści stron trzecich. Jeśli nie, nie przejmuj się nimi zbytnio.

Jeśli będziesz kontynuować iteracje z optymalizacjami, powinieneś w końcu dojść do punktu, w którym Twoja witryna stanie się błyskawiczna.

Pomóżmy Ci lepiej zarządzać Joomlą

Joomla

Darmowy przycisk ebooka z poradami Joomla

Wniosek: Dlaczego musisz przyspieszyć swoją witrynę?

Naprawdę i naprawdę, jeśli używasz swojej witryny, aby poprawić swój biznes poprzez sprzedaż lub w inny sposób, powolna witryna dosłownie wypala ci dziurę w kieszeni.

Użytkownicy są dość niecierpliwi i porzucą Twoją witrynę, jeśli nie będzie wystarczająco zgrabna. Oczywiście wyślesz również bardzo negatywny, nieświadomy sygnał do swoich gości. Oto wszystkie negatywne skutki

  • Zadowolenie klienta spada o 16% w przypadku jednosekundowego opóźnienia w odpowiedzi na stronie
  • 47% użytkowników oczekuje, że strona załaduje się w ciągu 2 sekund i opuści ją, jeśli ładowanie potrwa dłużej niż 3 sekundy
  • 50% użytkowników nie jest lojalnych stronom, które wolno się ładują

Czy dzięki powyższym rekomendacjom osiągnąłeś dobre wyniki? Podziel się z nami swoim doświadczeniem w komentarzach poniżej!

Jak sprawić, by Twoja strona internetowa była szybsza – myśl końcowa

Jesteśmy hostowani na InMotion, ponieważ zależy nam na tym, aby nasza strona internetowa była naprawdę szybka, i polecamy je, ponieważ naprawdę uważamy, że każdy też powinien - to natychmiast zwiększy Twoją witrynę.

Poza szybszym ładowaniem ich serwery są bezpieczniejsze, a ich obsługa jest lepsza (muszą metryki, aby udowodnić te śmiałe twierdzenia). Dlaczego nas nie lubisz i wypróbuj InMotion

Nie musisz się martwić o przeniesienie swojej witryny, zrobią to za Ciebie za darmo. Gwarantujemy, że nigdy nie będziesz chciał wrócić do swojego starego gospodarza. Masz 90-dniową gwarancję zwrotu pieniędzy, więc nie musisz płacić ani grosza, jeśli nie podoba ci się to, co widzisz ;)

Wypróbuj hosting InMotion (47% ZNIŻKI do listopada 2023 r.)

O autorze
Dawid Attar
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

 

kim jesteśmy?

CollectiveRay jest prowadzony przez Davida Attarda - pracującego w niszy projektowania stron internetowych i wokół niej od ponad 12 lat, dostarczamy praktycznych wskazówek dla osób, które pracują zi na stronach internetowych. Prowadzimy również DronesBuy.net - stronę internetową dla hobbystów dronów.

David Attard

 

 

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...