10 łatwych wskazówek, jak przyspieszyć witrynę Elementor (AKTUALIZACJA)

Przyspiesz stronę internetową Elementor

Jedna sekunda, dwie sekundy…., pięć sekund, nadal się ładuje?

Gwizd! Zamknij kartę.

Szczerze mówiąc, nie czekam dłużej niż 5/6 sekund na załadowanie strony internetowej. To prawie nie tylko ja 53% użytkowników nie lubię stron internetowych, które ładują się dłużej niż 3 sekundy. Dlatego Google również deklaruje szybkość strony jako podstawową czynnik rankingowy. W obliczu problemów z szybkością strony Elementora.

Badając wolniejsze witryny, zauważyliśmy, że webmasterzy spowalniają swoje witryny, używając energochłonnych wtyczek, narzędzi do tworzenia witryn, skryptów itp. 5+ milionów aktywnych instalacji, udowodniono, że większość webmasterów używa Elementora jako głównego narzędzia do tworzenia stron internetowych.

Zobaczmy, czy w Twojej głowie pojawiają się następujące pytania:

  • Jak przyspieszyć działanie WordPressa?
  • Jak poprawić szybkość witryny w WordPress?
  • Jak dostroić wydajność WordPress?
  • Jak przyspieszyć działanie witryny WordPress?

Dzisiaj podzielę się kilkoma profesjonalnymi technikami dostrajania wydajności WordPress, aby zwiększyć szybkość strony Elementora.

Przejdźmy do rzeczy i poznajmy sposoby na poprawę szybkości ładowania witryny.

najlepsze dodatki do elementora

1. Wybierz serwer hostingowy zoptymalizowany pod kątem wydajności, aby zwiększyć szybkość strony Elementor.

Twoja witryna będzie ładować się szybciej tylko wtedy, gdy silnik będzie w stanie uruchomić Twoją witrynę. Wszystkie te wskazówki, które opiszę poniżej, nie przyniosą nic dobrego dla Twojej witryny, chyba że porzucisz wolniejszy serwer hostingowy. 

Co zatem sprawia, że hosting jest dobry?

OK. Przede wszystkim upewnij się, że wybrana przez Ciebie usługa hostingowa korzysta z najnowocześniejszego sprzętu i obsługuje najnowsze oprogramowanie. W przypadku sekcji oprogramowania musi obsługiwać –

  • ● PHP 7+
  • ● MySQL 5.6+
  • ● 128MB+ pamięci WordPress (zalecane 256MB)

W sekcji sprzętu użyj przyzwoitego usługa hostingowa który wykorzystuje serwery SSD wraz z serwerami Linux i potężnymi zaporami ogniowymi, aby przyspieszyć witrynę Elementor.

Skończyłeś z biczowaniem hostingu? Przejdźmy do drugiego etapu eliminacji powolnego ładowania Elementora.

2. Zainstaluj lekki motyw dla poprawy szybkości strony Elementor.

Połączenie lekkiego motywu i szybkiego hostingu zapewni błyskawiczną witrynę internetową. Skoro już wybrałeś hosting, czas poszukać lekkiego, ale wielofunkcyjnego motywu.

Wybierając motyw, upewnij się, że spełnia on następujące cechy – 

Obsługuje instalację modułową
Wysyła mniej żądań do serwera
Mniejszy rozmiar pliku

Oto lista kilku lekkich motywów, które przyspieszają działanie witryn WordPress.

Aby uzyskać ogromną kolekcję motywów przyjaznych Elementorowi, odwiedź stronę Motyw XpeedStudio sklep.

3. Zminimalizuj pliki CSS i JS do optymalizacji szybkości strony Elementor.

Minifikacja plików CSS i JS drastycznie poprawi szybkość witryny Elementor. Istnieją dwie taktyki minimalizacji tych plików. To są -

  • ➜ Łączenie – łączy wiele plików w jeden.
  • ➜ Minifikacja – Usuwanie niepotrzebnych spacji i podziałów wierszy.

Oto przykład kodu zminimalizowanego i niezminifikowanego –

Porównanie rozmiaru kodu zminimalizowanego i niezminifikowanego - Wskazówki, jak przyspieszyć działanie witryny Elementor - Wpmet
Porównanie rozmiaru zminimalizowanego i niezminifikowanego kodu (źródło- średni)

Możesz skorzystać z Rakieta WP Lub Automatyczna optymalizacja wtyczka, która zminimalizuje kod i przyspieszy działanie WordPressa. Jeśli pytasz o moją opinię, wolałbym WP Rocket ze względu na jego wszechstronne funkcje.

4. Zoptymalizuj swoje obrazy dla dobrej szybkości strony Elementora.

Minifikacja kodu niewiele pomoże, jeśli nie zoptymalizujesz obrazów internetowych. Archiwum HTTP w raportach obrazy stanowią około 34% całkowitej wagi strony. Dlatego musisz kompresować i zmieniać rozmiar zdjęć, aby zapewnić przyzwoitą szybkość strony Elementor.

Istnieją dwie różne metody optymalizacji obrazu w celu wyeliminowania małej prędkości ładowania Elementora. To są - 

Bezstratny – Zmniejsz rozmiar obrazu bez utraty jakości
● Stratny – Zmniejsz rozmiar obrazu, poświęcając odrobinę jakości

Spójrz na to zdjęcie, aby uzyskać przegląd kompresji stratnej i bezstratnej.

Kompresja obrazu stratna vs bezstratna - wskazówki, jak przyspieszyć strony witryny WordPress Elementor - wpmet

Kompresja obrazu stratna vs bezstratna

Oto kilka zasobów do kompresji obrazów –

  • Mały PNG – strona internetowa (dobra kompresja bezstratna)
  • Wyobraź sobie – Wtyczka WP (bezpłatna do 25MB/miesiąc)
  • roztrzaskać – Wtyczka WP (bezpłatna do kompresji bezstratnej)

Spróbuj jednak użyć tej witryny TinyPNG do kompresji obrazów zamiast tych wtyczek. Wiesz, mniej wtyczek oznacza szybszą stronę!

5. Przyjrzyj się swoim wtyczkom aby przyspieszyć witrynę Elementor

WordPress teraz rządzi 37,6% stron internetowych w sieci. Aby wspomóc tę ogromną liczbę stron internetowych, programiści WordPress opracowali wiele wtyczek. Obecnie w katalogu wtyczek WordPress znajduje się ponad 57 000 wtyczek. 

Cóż, wtyczki są zdecydowanie przydatne. Wtyczki rozszerzają funkcjonalność witryn internetowych opartych na systemie WordPress. Problem zaczyna się jednak, gdy webmasterzy instalują wiele wtyczek na swoich stronach internetowych. 

Używanie wielu wtyczek może poważnie zaszkodzić szybkości działania strony Elementor. Powoduje to, że witryna jest cięższa, a co za tym idzie, ładowanie witryny zajmuje więcej czasu.

Jeśli Ty również to zrobisz, usuń teraz te niepotrzebne wtyczki, aby poprawić szybkość witryny. Z pewnością przyspieszy to Twoją witrynę Elementor. Możesz znaleźć wolniejsze wtyczki, używając  Narzędzia Pingdoma Lub GTmetrix i pozbądź się ich jak najszybciej za dobrą prędkość strony Elementora!

Korzystanie ze zoptymalizowanych wtyczek nie spowolni Twojej witryny. Tylko te niezoptymalizowane to zrobią.

Jeśli użyjesz zoptymalizowanego dodatku do Elementora, takiego jak ElementsKit, nie spowolni on Twojej witryny. Raczej po prostu zwiększa wydajność Elementora.

6. Użyj CDN

Ilekroć ktoś odwiedza witrynę internetową, pobiera dane z serwera Twojego hosta. Załóżmy, że Twoje centrum danych znajduje się w San Francisco, a odwiedzający również mieszka w USA. W takim przypadku strona na pewno będzie ładować się szybciej.

Ale co się stanie, jeśli gość mieszka gdzieś na Islandii? To na pewno wymaga czasu. To po prostu powszechne prawo fizyki. Im dłuższy dystans muszą pokonać dane, tym wolniej się przesyłają.

I tylko CDN może Cię uratować z tego problemu. CDN, czyli sieć dostarczania treści, dostarcza treści internetowe z różnych centrów danych na całym świecie.

Za każdym razem, gdy ktoś odwiedzi Twoją witrynę, CDN załaduje dane witryny z najbliższego centrum danych. Korzystanie z CDN jest niezwykle pomocne w poprawie szybkości witryny, jeśli odwiedzający znajdują się na całym świecie. Możesz użyć Cloudflare Lub Króliczek CDN jako codzienny sterownik Twojej witryny. 

7. Buforowanie strony dla płynnej szybkości strony Elementora.

Buforowanie stron to jedna z najlepszych rzeczy do przyspieszenia witryny Elementor. Jeśli Twój hosting jeszcze tego nie zrobił dla Twojej witryny, musisz to zrobić ręcznie. 

Aby jednak właściwie zrozumieć buforowanie stron, musisz wiedzieć, jak działa witryna internetowa. Krótko mówiąc, powinieneś wiedzieć, co dzieje się na Twojej stronie, gdy ktoś ją odwiedza.

Pamiętaj, że Twoja witryna WordPress składa się głównie z dwóch części. To są -

  1. Część kodująca i
  2. Część bazodanowa

Jak sama nazwa wskazuje, część kodująca zawiera głównie HTML, CSS, JS, PHP itp. Część bazodanowa przechowuje dane Twojej witryny, takie jak wpisy na blogu, obrazy itp.

Kiedy ktoś odwiedza witrynę, Twój serwer internetowy dostarcza kody HTML do przeglądarek odwiedzających. Następnie przeglądarka renderuje witrynę i udostępnia ją na monitorze osoby odwiedzającej. 

Problem polega jednak na tym, że Twój serwer WWW nie przechowuje tego kodu HTML. Musi to zbudować. Po zbudowaniu wysyła zapytania do bazy danych w celu złożenia wyrenderowanego kodu HTML. Powoduje to dwa istotne problemy dla Twojej witryny. To są -

➔ Złożenie plików HTML i dostarczenie ich na serwer zajmuje trochę czasu.
➜ Serwer zużywa stosunkowo więcej zasobów do obsługi treści.

W tym miejscu buforowanie strony staje się skuteczne. Buforowanie stron polega na przechowywaniu plików HTML po stronie użytkownika. Zatem serwer nie musi przetwarzać tych plików zaplecza. Zdecydowanie oszczędza mnóstwo czasu. 

Kilka najwyższej jakości wtyczek do buforowania stron to:

  1. Rakieta WP (Premium)
  2. Całkowita pamięć podręczna W3 (bezpłatna)
  3. Pamięć podręczna Comet (bezpłatna + Premium)
  4. Hyper Cache (bezpłatny)
  5. WP Super Cache (bezpłatny)

Możesz użyć dowolnej z tych wtyczek, aby utworzyć pamięć podręczną strony dla swojej witryny WordPress. Wszystkie te wtyczki są dostępne w katalogu wtyczek WordPress, z wyjątkiem WP Rocket. Jeśli chcesz korzystać z tej wtyczki, musisz pobrać ją ręcznie na ich oficjalnej stronie internetowej.

Pamiętaj by zwiększ limit pamięci WordPress, w przeciwnym razie Elementor nie załaduje się przy użyciu jakiejkolwiek ciężkiej wtyczki.

8. Użyj wysokowydajnego DNS który zapewnia zoptymalizowaną szybkość strony Elementor.

W dziale buforowanie strony opisałem działanie serwera podczas ładowania strony. Ale czy wiesz, co robi Twoja przeglądarka, aby wyświetlić zawartość Twojej witryny?

Cóż, to całkiem proste. Przeglądarka szuka adresu IP serwera Twojej witryny i ładuje dane. Aby wykonać tę czynność, każda przeglądarka korzysta z czegoś, co nazywa się serwerem nazw domen, czyli DNS. 

Podobnie jak wolniejsza usługa hostingowa wpływa na Twoją witrynę, wolniejsze serwery nazw również szkodzą szybkości ładowania Twojej witryny. Jeśli korzystasz z wolniejszego serwera nazw, znalezienie adresu IP Twojej witryny zajmie więcej czasu. W ten sposób zwiększa się czas ładowania.

Możesz korzystać z usługi Cloudflare DNS dla swojej witryny WordPress. Cóż, wybrałem usługę Cloudflare DNS głównie z trzech powodów.

I. Według rankingów DNSPerf jest to obecnie najszybsza usługa DNS.
II. To nic nie kosztuje.
iii. Łatwy w użyciu

Po prostu załóż bezpłatne konto Cloudflare. Następnie otrzymasz adresy DNS Cloudflare. Zmień swoje poprzednie serwery nazw na serwery nazw Cloudflare.

Domyślne adresy DNS Cloudflare to – 

● 1.1.1.1 i 1.0.0.1 (dla IPv4)

● 2606:4700:4700::1111 i 2606:4700:4700::1001 (dla IPv6)

Wybierz adresy DNS na podstawie wersji IP. Obejrzyj poniższy film, aby dowiedzieć się więcej o procesie dodawania nowej domeny do Cloudflare.

Nie ma znaczenia, czy używasz Gutenberga lub Elementora edytor do tworzenia swojej strony internetowej. Cloudflare DNS poprawi szybkość Twojej witryny w przypadku obu tych kreatorów.

9. Zoptymalizuj swoją bazę danych

Baza danych to miejsce, w którym przechowywane są dane Twojej witryny. Zawiera więc także pewne niepotrzebne dane. Te niepotrzebne dane nie tylko niszczą pamięć bazy danych, ale także powodują, że ładowanie witryny jest trudniejsze.

Aby rozwiązać ten problem, musisz usunąć nieużywane pliki z bazy danych. Mówiąc o nowych plikach, mam na myśli także głupie pliki, takie jak komentarze spamowe. 

Większość właścicieli witryn ignoruje te fakty i nie podejmuje żadnych działań w związku z nimi. Choć wydaje się nieszkodliwy, nadal zajmuje miejsce w bazie danych. Możesz zatwierdzić odpowiednie komentarze i usunąć wiadomości będące spamem. Dzięki temu witryny WordPress będą szybsze.

10. Włącz kompresję Gzip

Kompresja to najłatwiejszy i najprostszy proces kompresji danych. To skuteczny sposób na przyspieszenie Twojej witryny i zaoszczędzenie przepustowości. 

Kompresja Gzip to najlepszy sposób na kompresję rozmiaru pliku. Skurczone dane zajmują mniej pamięci na serwerze i ładują się stosunkowo szybciej dla klientów. 

Gzip to w zasadzie format pliku. Rozszerzenia plików Gzip to .gz, .tgz, .tar.gz itp. .tgz i .tar.gz wskazują plik skompresowany .tar, który jest kompresowany przez gzip.

Aby przyspieszyć działanie WordPressa, możesz włączyć kompresję gzip w swojej witrynie WordPress, korzystając z wtyczki buforującej obsługującej gzip. Jeśli chcesz to zrobić ręcznie, możesz włączyć tę kompresję, dodając plik .htaccess.

W Internecie dostępnych jest kilka programów sprawdzających kompresję Gzip, które zapewniają dobrą szybkość działania strony Elementor poprzez optymalizację plików. Wykonaj test szybkości Elementora, aby ustalić, czy kompresja działa w Twojej witrynie, czy nie.

Sprawdzanie prędkości

Po zakończeniu wdrażania tych technik nadszedł czas, aby sprawdzić poprawę. Możesz użyć różnych narzędzi do sprawdzania szybkości swojej witryny.

Jeśli napotykasz problem polegający na tym, że Elementor nie ładuje się, zobacz szczegółowy film pokazujący, jak rozwiązać ten problem, tutaj.

Oto kilka najpopularniejszych narzędzi do sprawdzania prędkości Statystyki Google PageSpeed, GTmetrix, narzędzia Pingdom itp.

Ostatnie słowa aby zwiększyć szybkość strony Elementora

Każdy uwielbia odwiedzać superszybkie strony internetowe. Dlatego teraz Twoim głównym zmartwieniem powinna być praca nad przyspieszeniem witryny WordPress. Nie tylko przyspieszy ładowanie witryny WordPress, ale także poprawi ranking w SERP.

Mam nadzieję, że prędkość Twojej strony w Elementorze znacznie wzrośnie po pomyślnym wdrożeniu tych technik. Daj nam znać, jeśli napotkasz jakiekolwiek problemy podczas pracy nad przyspieszeniem swojej witryny WordPress.

Poczuj prędkość!

Uwagi

  1. Awatar Devid T
    Dawid T

    Szukam w Google, jak przyspieszyć witrynę WordPress i znajduję Twój post. Mamy nadzieję, że teraz możemy łatwo przyspieszyć naszą witrynę WordPress. Dziękuję!

    1. Awatara Hasiba
      Hasiba

      Cześć David! Dziękujemy za twoją opinię.

  2. Avatar Mike
    Mikrofon

    Ta sekcja DNS dla Cloudflare jest niepoprawna. Korzystanie z Cloudflare DNS dla Twojej witryny internetowej wiąże się z przeniesieniem serwerów nazw do Cloudflare i prawidłowym skonfigurowaniem rekordów DNS Twojej witryny.

    1. Awatara Hasiba
      Hasiba

      Witaj Mike, dziękujemy za Twoją opinię. Przekazujemy to naszej redakcji.

  3. Awatar Surjo Vai
    Surjo Vai

    W przypadku witryn wp wtyczka lscache caching drastycznie zwiększa szybkość witryny.

  4. Avatar Rafał
    Rafał

    cześć, elementskit spowalnia moją witrynę, ponieważ ładuje kilka plików css i js – nawet gdy wszystkie są dezaktywowane.

    1. Awatara Hasiba
      Hasiba

      Witaj Rafael, w przypadku jakichkolwiek błędów technicznych dotyczących naszych wtyczek możesz zwrócić się o pomoc do naszego zespołu wsparcia. Proszę o kontakt pod adresem https://help.wpmet.com/

  5. Awatar Eileen Valdez

    dziękuję za udostępnienie miłego postu na temat zwiększania prędkości elementuora

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *