10 najlepszych wskazówek dotyczących optymalizacji prędkości dla witryn Elementor

10 najlepszych wskazówek dotyczących optymalizacji prędkości dla witryn Elementor

Spis treści

Wskazówki dotyczące najlepszej optymalizacji szybkości stron internetowych Elementor

Elementor to jeden z najlepszych kreatorów stron dla WordPressa napisany według ścisłego standardu kodu.

Jednak niektóre strony internetowe zbudowane za pomocą narzędzia Elementor mają problemy z konfiguracją, które mogą prowadzić do powolnego ładowania strony.

Oto kilka sposobów radzenia sobie z powolnym ładowaniem witryn Elementor. Wszystkie te wskazówki dotyczą również dowolnego typu witryn WordPress.

Uwaga: zanim zaczniesz, nie zapomnij wykonać kopii zapasowej całej witryny.

\"10

1. Wybierz idealny hosting

Po pierwsze, zidentyfikuj odpowiedniego hosta zoptymalizowanego pod kątem wydajności dla swojej witryny. Wiele hostów nadal działa ze starszymi wersjami, takimi jak PHP 5. Hosting zoptymalizowany pod kątem wydajności powinien zdecydowanie oferować PHP 7+, ponieważ zapewniają one znaczną poprawę wydajności.

Niezbędne specyfikacje, aby zmaksymalizować wydajność witryny Elementor

  • PHP 7+
  • MYSQL 5.6+
  • Pamięć WordPress: Minimum 64 MB, najlepiej 128 MB+

2. Użyj lekkiego motywu

Być może używałeś programów do tworzenia stron do tworzenia większości treści witryny, ale nadal musisz skupić się na motywach. Zajmują ważną przestrzeń w przyspieszaniu czasu ładowania. Przełączając się na lekki motyw, możesz skrócić czas ładowania strony o jedną czwartą.

Jak wybrać motyw zorientowany na wydajność?

Upewnij się, że jest lekki pod względem rozmiaru 

Wybierz motyw modułowy, który pozwala wybrać tylko te funkcje, które chcesz

Polecane motywy dla Elementora

  • GeneratePress
  • Astra
  • Geneza
  • Ocean WP
  • Hello Theme (tylko dla użytkowników Elementor Pro)
  • Floks

My polecamy Astrę 🙂 

3. Zoptymalizuj rozmiar obrazu

Obrazy stanowią połowę rozmiaru pliku na przeciętnej stronie. Aby więc poprawić wydajność swojej strony, musisz zoptymalizować obrazy. Sprawdź wartość w pikselach wyświetlaną w Twoim motywie i prześlij odpowiednio obrazy. Na przykład, jeśli Twój motyw wyświetla obrazy tylko do 800 pikseli, nie ma sensu przesyłać obrazu o rozdzielczości 3000+px.

Kroki, aby zoptymalizować obrazy

Zmiana rozmiaru obrazów: Zmień rozmiar rzeczywistego rozmiaru obrazu w swojej witrynie do maksymalnej szerokości, która pasuje do motywu.

Kompresuj obrazy: dzięki kompresji nadal możesz zmniejszać obrazy o zmienionym rozmiarze. Istnieją dwa rodzaje kompresji, mianowicie Lossy (duże zmniejszenie rozmiaru pliku z pewną utratą jakości) i Lossless (mniejsze zmniejszenie rozmiaru bez utraty jakości). 

Zautomatyzowane wtyczki do optymalizacji obrazów

  • ShortPixels
  • Smush

4. Zminimalizuj pliki JS i CSS

Możesz poprawić szybkość swojej witryny, zmniejszając liczbę wywołań CSS i JS oraz rozmiar tych plików. Istnieją dwie taktyki, które pomagają zminimalizować rozmiar i liczbę kodów w Twojej witrynie bez zmiany podstawowej funkcjonalności. Oni są,

Minifikacja – usuwa niepotrzebne znaki, takie jak spacje, łamania linii itp.

Konkatenacja – łączy wiele plików w jeden.

Zalecana wtyczka

Te dwie taktyki można wykonać za pomocą bezpłatnej wtyczki Autoptimize. Skonfiguruj wtyczkę, włączając opcje HTML, CSS i JavaScript.

5. Użyj zaawansowanego mechanizmu pamięci podręcznej

Stronę można buforować, tworząc jej statyczną wersję HTML. Może to przestać zmuszać serwer do ciągłego generowania strony z bazy danych i plików PHP podczas jednej wizyty.

Przeważnie implementacja buforowania stron odbywa się na poziomie serwera przez w pełni zarządzanych hostów WordPress, takich jak WordPress VIP. Nie musisz się więc martwić o buforowanie, jeśli masz już w pełni zarządzany hosting WordPress. W przeciwnym razie możesz go zaimplementować za pomocą wtyczki. Jeśli dowiesz się więcej o wtyczkach optymalizujących prędkość, kliknij tutaj.

Polecane wtyczki

Rocket WP

WP Super Cache

6. Użyj CDN (Sieć Dostarczania Treści)

CDN pomaga przechowywać kopię Twojej witryny w różnych lokalizacjach na całym świecie. Ułatwia to odwiedzającym pobranie Twojej witryny z najbliższej lokalizacji. Ponieważ ruch jest podzielony na różne lokalizacje, możesz przyspieszyć ładowanie strony i skrócić czas oczekiwania.

Zalecana wtyczka

Istnieje wtyczka CDN CloudFare, która ma zarówno wersję darmową, jak i pro. Darmowa wersja jest wystarczająco dobra dla większości stron internetowych. Kliknij tutaj, aby dowiedzieć się o procedurze konfiguracji CloudFare z WordPress.

7. Włącz kompresję GZIP

GZIP służy do kompresji plików, które są wysyłane do przeglądarki odwiedzającego z Twojego serwera. Prawie 70% rozmiaru pliku można zmniejszyć za pomocą GZIP. Część wdrożeniowa GZIP jest bardzo prosta i pomaga w zwiększeniu szybkości ładowania strony. Niektórzy dostawcy hostów umożliwiają implementację GZIP przez cpanel.

Polecane wtyczki

WP Super Cache

8. Wyczyść bazę danych WordPress

Cała zawartość i ustawienia będą przechowywane w bazie danych Twojej witryny. Będzie dużo śmieci, takich jak poprawki postów, skasowane komentarze itp. Jednak szybkość witryny nie zwiększy się tylko dzięki wyczyszczeniu bazy danych. Zamiast tego powinieneś zoptymalizować swoją bazę danych. Dzięki temu Twoja baza danych będzie działać wydajniej.

Zalecana wtyczka

WP Optimize to jedna z najlepszych wtyczek, które mogą wyczyścić całe śmieci obecne w Twojej bazie danych.

9. Wyeliminuj wolne wtyczki

Większość ludzi uważa, że ​​wtyczki nie mają żadnego związku z szybkością strony. Ale wiele wtyczek wpływa na szybkość Twojej witryny.

Sposoby sprawdzenia, czy wtyczki spowalniają Twoją witrynę

Istnieją narzędzia, które pomogą Ci przeanalizować działanie wtyczek. Uruchom swoją witrynę za pomocą tych narzędzi i dowiedz się, która wtyczka spowalnia Twoją witrynę.

Dla wersji PHP 5 możesz użyć wtyczki P3 (Plugin Performance Profiler)

W wersji PHP 7 możesz użyć Pingdom Tools

W każdym razie musisz pozbyć się wolnych wtyczek. Jeśli jest niepotrzebna, usuń ją. W przeciwnym razie znajdź alternatywną wtyczkę.

Dla witryn Elementora

W Elementor Pro dostępnych jest wiele funkcji, które mogą zmniejszyć liczbę instalacji wtyczek. Elementor Pro oferuje wiele wbudowanych i ukierunkowanych na wydajność funkcji, takich jak suwaki, przyciski udostępniania społecznościowego, formularze, liczniki czasu i inne.

10. Wyłącz Hotlinking

Dzięki Hotlinking dana osoba może wykorzystać Twoje obrazy (umieszczone na Twoim serwerze) na swojej stronie internetowej. Jeśli tak się stanie, twój serwer musi załadować obrazy dla swoich stron internetowych. Może to wpłynąć na szybkość ładowania witryny. Aby tego uniknąć, możesz dodać krótki kod do „pliku .htaccess” swojej witryny.

Krótki fragment kodu: (zastąp example.com nazwą swojej domeny)

RewriteEngine włączony

Przepisz Warunek %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(www\\.)example.com/.*$ [NC]

Przepisz regułę \\.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ – [F]

Jeśli nadal masz problemy z szybkością ładowania, wykonaj powyższe kroki, aby zoptymalizować swoją witrynę. Teraz Twoja witryna Elementor WordPress jest usprawniona i gotowa do ładowania szybciej niż wcześniej.

Czy masz jakieś inne techniki, aby przyspieszyć witrynę Elementor? Podziel się swoimi przemyśleniami poniżej!

Wskazówki dotyczące najlepszej optymalizacji szybkości stron internetowych Elementor

Elementor to jeden z najlepszych kreatorów stron dla WordPressa napisany według ścisłego standardu kodu.

Jednak niektóre strony internetowe zbudowane za pomocą narzędzia Elementor mają problemy z konfiguracją, które mogą prowadzić do powolnego ładowania strony.

Oto kilka sposobów radzenia sobie z powolnym ładowaniem witryn Elementor. Wszystkie te wskazówki dotyczą również dowolnego typu witryn WordPress.

Uwaga: zanim zaczniesz, nie zapomnij wykonać kopii zapasowej całej witryny.

1. Wybierz idealny hosting

Po pierwsze, zidentyfikuj odpowiedniego hosta zoptymalizowanego pod kątem wydajności dla swojej witryny. Wiele hostów nadal działa ze starszymi wersjami, takimi jak PHP 5. Hosting zoptymalizowany pod kątem wydajności powinien zdecydowanie oferować PHP 7+, ponieważ zapewniają one znaczną poprawę wydajności.

Niezbędne specyfikacje, aby zmaksymalizować wydajność witryny Elementor

  • PHP 7+
  • MYSQL 5.6+
  • Pamięć WordPress: Minimum 64 MB, najlepiej 128 MB+

2. Użyj lekkiego motywu

Być może używałeś programów do tworzenia stron do tworzenia większości treści witryny, ale nadal musisz skupić się na motywach. Zajmują ważną przestrzeń w przyspieszaniu czasu ładowania. Przełączając się na lekki motyw, możesz skrócić czas ładowania strony o jedną czwartą.

Jak wybrać motyw zorientowany na wydajność?

Upewnij się, że jest lekki pod względem rozmiaru 

Wybierz motyw modułowy, który pozwala wybrać tylko te funkcje, które chcesz

Polecane motywy dla Elementora

  • GeneratePress
  • Astra
  • Geneza
  • Ocean WP
  • Hello Theme (tylko dla użytkowników Elementor Pro)
  • Floks

My polecamy Astrę 🙂 

3. Zoptymalizuj rozmiar obrazu

Obrazy stanowią połowę rozmiaru pliku na przeciętnej stronie. Aby więc poprawić wydajność swojej strony, musisz zoptymalizować obrazy. Sprawdź wartość w pikselach wyświetlaną w Twoim motywie i prześlij odpowiednio obrazy. Na przykład, jeśli Twój motyw wyświetla obrazy tylko do 800 pikseli, nie ma sensu przesyłać obrazu o rozdzielczości 3000+px.

Kroki, aby zoptymalizować obrazy

Zmiana rozmiaru obrazów: Zmień rozmiar rzeczywistego rozmiaru obrazu w swojej witrynie do maksymalnej szerokości, która pasuje do motywu.

Kompresuj obrazy: dzięki kompresji nadal możesz zmniejszać obrazy o zmienionym rozmiarze. Istnieją dwa rodzaje kompresji, mianowicie Lossy (duże zmniejszenie rozmiaru pliku z pewną utratą jakości) i Lossless (mniejsze zmniejszenie rozmiaru bez utraty jakości). 

Zautomatyzowane wtyczki do optymalizacji obrazów

  • ShortPixels
  • Smush

4. Zminimalizuj pliki JS i CSS

Możesz poprawić szybkość swojej witryny, zmniejszając liczbę wywołań CSS i JS oraz rozmiar tych plików. Istnieją dwie taktyki, które pomagają zminimalizować rozmiar i liczbę kodów w Twojej witrynie bez zmiany podstawowej funkcjonalności. Oni są,

Minifikacja – usuwa niepotrzebne znaki, takie jak spacje, łamania linii itp.

Konkatenacja – łączy wiele plików w jeden.

Zalecana wtyczka

Te dwie taktyki można wykonać za pomocą bezpłatnej wtyczki Autoptimize. Skonfiguruj wtyczkę, włączając opcje HTML, CSS i JavaScript.

5. Użyj zaawansowanego mechanizmu pamięci podręcznej

Stronę można buforować, tworząc jej statyczną wersję HTML. Może to przestać zmuszać serwer do ciągłego generowania strony z bazy danych i plików PHP podczas jednej wizyty.

Przeważnie implementacja buforowania stron odbywa się na poziomie serwera przez w pełni zarządzanych hostów WordPress, takich jak WordPress VIP. Nie musisz się więc martwić o buforowanie, jeśli masz już w pełni zarządzany hosting WordPress. W przeciwnym razie możesz go zaimplementować za pomocą wtyczki. Jeśli dowiesz się więcej o wtyczkach optymalizujących prędkość, kliknij tutaj.

Polecane wtyczki

Rocket WP

WP Super Cache

6. Użyj CDN (Sieć Dostarczania Treści)

CDN pomaga przechowywać kopię Twojej witryny w różnych lokalizacjach na całym świecie. Ułatwia to odwiedzającym pobranie Twojej witryny z najbliższej lokalizacji. Ponieważ ruch jest podzielony na różne lokalizacje, możesz przyspieszyć ładowanie strony i skrócić czas oczekiwania.

Zalecana wtyczka

Istnieje wtyczka CDN CloudFare, która ma zarówno wersję darmową, jak i pro. Darmowa wersja jest wystarczająco dobra dla większości stron internetowych. Kliknij tutaj, aby dowiedzieć się o procedurze konfiguracji CloudFare z WordPress.

7. Włącz kompresję GZIP

GZIP służy do kompresji plików, które są wysyłane do przeglądarki odwiedzającego z Twojego serwera. Prawie 70% rozmiaru pliku można zmniejszyć za pomocą GZIP. Część wdrożeniowa GZIP jest bardzo prosta i pomaga w zwiększeniu szybkości ładowania strony. Niektórzy dostawcy hostów umożliwiają implementację GZIP przez cpanel.

Polecane wtyczki

WP Super Cache

8. Wyczyść bazę danych WordPress

Cała zawartość i ustawienia będą przechowywane w bazie danych Twojej witryny. Będzie dużo śmieci, takich jak poprawki postów, skasowane komentarze itp. Jednak szybkość witryny nie zwiększy się tylko dzięki wyczyszczeniu bazy danych. Zamiast tego powinieneś zoptymalizować swoją bazę danych. Dzięki temu Twoja baza danych będzie działać wydajniej.

Zalecana wtyczka

WP Optimize to jedna z najlepszych wtyczek, które mogą wyczyścić całe śmieci obecne w Twojej bazie danych.

9. Wyeliminuj wolne wtyczki

Większość ludzi uważa, że ​​wtyczki nie mają żadnego związku z szybkością strony. Ale wiele wtyczek wpływa na szybkość Twojej witryny.

Sposoby sprawdzenia, czy wtyczki spowalniają Twoją witrynę

Istnieją narzędzia, które pomogą Ci przeanalizować działanie wtyczek. Uruchom swoją witrynę za pomocą tych narzędzi i dowiedz się, która wtyczka spowalnia Twoją witrynę.

Dla wersji PHP 5 możesz użyć wtyczki P3 (Plugin Performance Profiler)

W wersji PHP 7 możesz użyć Pingdom Tools

W każdym razie musisz pozbyć się wolnych wtyczek. Jeśli jest niepotrzebna, usuń ją. W przeciwnym razie znajdź alternatywną wtyczkę.

Dla witryn Elementora

W Elementor Pro dostępnych jest wiele funkcji, które mogą zmniejszyć liczbę instalacji wtyczek. Elementor Pro oferuje wiele wbudowanych i ukierunkowanych na wydajność funkcji, takich jak suwaki, przyciski udostępniania społecznościowego, formularze, liczniki czasu i inne.

10. Wyłącz Hotlinking

Dzięki Hotlinking dana osoba może wykorzystać Twoje obrazy (umieszczone na Twoim serwerze) na swojej stronie internetowej. Jeśli tak się stanie, twój serwer musi załadować obrazy dla swoich stron internetowych. Może to wpłynąć na szybkość ładowania witryny. Aby tego uniknąć, możesz dodać krótki kod do „pliku .htaccess” swojej witryny.

Krótki fragment kodu: (zastąp example.com nazwą swojej domeny)

RewriteEngine włączony

Przepisz Warunek %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(www\\.)example.com/.*$ [NC]

Przepisz regułę \\.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ – [F]

Jeśli nadal masz problemy z szybkością ładowania, wykonaj powyższe kroki, aby zoptymalizować swoją witrynę. Teraz Twoja witryna Elementor WordPress jest usprawniona i gotowa do ładowania szybciej niż wcześniej.

Czy masz jakieś inne techniki, aby przyspieszyć witrynę Elementor? Podziel się swoimi przemyśleniami poniżej!