10 sprawdzonych wskazówek, jak przyspieszyć strony internetowe Elementor

Streszczenie

1. Zoptymalizuj swoje obrazy: Kompresuj swoje obrazy i użyj odpowiedniego formatu obrazu, aby zmniejszyć ich rozmiar bez uszczerbku dla jakości.

2. Minfikuj i połącz pliki CSS i JS: Minalizuj pliki CSS i JS, aby usunąć niepotrzebne znaki i połączyć je w pojedynczy plik, aby zmniejszyć liczbę żądań.

3. Użyj wtyczki buforowania: Zainstaluj wtyczkę buforowania, aby wygenerować statyczne pliki HTML na twoich stronach i podawaj je odwiedzającym, zmniejszając obciążenie na serwerze.

4. Wybierz niezawodny dostawca hostingowy: Wybierz dostawcę hostingu, który specjalizuje się w hostingu WordPress i oferuje zoptymalizowane serwery dla lepszej wydajności.

5. Użyj sieci dostarczania treści (CDN): Wykorzystaj CDN do przechowywania statycznych plików witryny na serwerach znajdujących się na całym świecie, dostarczając je odwiedzającym z najbliższego serwera w czasach ładowania.

6. Włącz kompresję GZIP: Włącz kompresję GZIP na serwerze, aby kompresować pliki przed przesłaniem ich do odwiedzających, zmniejszając rozmiary plików i przyspieszając czas ładowania.

7. Ogranicz żądania zewnętrzne: Ogranicz liczbę zewnętrznych żądań, które składa Twoja witryna, takie jak dla czcionek, skryptów i wtyczek, które mogą spowolnić twoją stronę.

8. Zoptymalizuj swoją bazę danych: Regularnie czyszcz i optymalizuj swoją bazę danych, usuwając niepotrzebne dane i optymalizując wydajność zapytania dla szybszych czasów ładowania.

9. Wyłącz niepotrzebne wtyczki: Dezaktywuj i usuń wszelkie niepotrzebne wtyczki, które nie są niezbędne dla funkcjonalności Twojej witryny, aby zmniejszyć obciążenie serwera i poprawić czas ładowania.

10. Użyj lekkiego motywu: Wybierz lekki i zoptymalizowany motyw zbudowany dla prędkości, aby zapewnić szybszy czas ładowania dla Twojej witryny Elementor.

Pytania i odpowiedzi

1. Jak mogę zoptymalizować obrazy na mojej stronie Elementor?

Aby zoptymalizować obrazy na stronie Elementor, możesz użyć narzędzi online lub wtyczek do kompresji i rozmiaru obrazów. Dodatkowo upewnij się, że wybierz poprawny format obrazu, taki jak JPEG dla zdjęć i PNG dla grafiki z przezroczystymi tłem.

2. Dlaczego miałbym zminimalizować i połączyć pliki CSS i JS?

Minifowanie i łączenie plików CSS i JS zmniejsza ich rozmiary plików i liczbę żądań potrzebnych do ich załadowania, co skutkuje szybszym czasem ładowania dla Twojej witryny.

3. W jaki sposób wtyczka buforująca może przyspieszyć moją stronę Elementor?

Wtyczka buforująca generuje statyczne pliki HTML na twoich stronach, które mogą być obsługiwane odwiedzającym zamiast wykonywać kod PHP witryny, zmniejszając obciążenie na serwerze i przyspieszając czas ładowania.

4. Jakie czynniki powinienem wziąć pod uwagę przy wyborze dostawcy hostingu dla mojej strony internetowej Elementor?

Wybierając dostawcę hostingu, rozważ ich wiedzę w zakresie hostingu WordPress, wydajność ich serwerów, dostępność technologii buforowania i obsługę klienta. Niezawodny dostawca hostingowy może znacząco wpłynąć na szybkość witryny Elementor.

5. Jakie są korzyści z korzystania z sieci dostarczania treści (CDN) dla mojej witryny Elementor?

CDN przechowuje pliki statyczne Twojej witryny na serwerach znajdujących się w różnych lokalizacjach geograficznych. Gdy odwiedzający uzyskuje dostęp do Twojej witryny, najbliższy serwer dostarcza pliki, co skutkuje szybszym czasem ładowania i lepszym wrażenia użytkownika.

6. Jak mogę włączyć kompresję GZIP na mojej stronie Elementor?

Możesz włączyć kompresję GZIP, modyfikując konfigurację serwera lub używając wtyczki buforowania, która oferuje kompresję GZIP jako funkcję. Kompresja GZIP zmniejsza rozmiary plików przed transmisją, co skutkuje szybszym czasem ładowania.

7. Czy prośby zewnętrzne mogą spowolnić moją stronę internetową Elementor?

Tak, zewnętrzne żądania czcionek, skryptów i wtyczek mogą spowolnić twoją witrynę, jeśli załadowanie zajmuje zbyt długo, lub jeśli Twoja witryna składa zbyt wiele żądań. Ograniczenie żądań zewnętrznych może pomóc poprawić prędkość witryny Elementor.

8. Jak mogę zoptymalizować moją bazę danych dla lepszej wydajności na mojej stronie Elementor?

Możesz zoptymalizować swoją bazę danych, regularnie czyszcząc i usuwając niepotrzebne dane, takie jak poprawki postu i komentarze spamowe. Ponadto optymalizacja zapytań bazy danych i korzystanie z wtyczki buforowania może jeszcze bardziej poprawić wydajność.

9. Jaki jest wpływ niepotrzebnych wtyczek na prędkość mojej witryny Elementor?

Niepotrzebne wtyczki mogą spowolnić twoją witrynę, ponieważ zużywają zasoby serwera, zwiększyć rozmiar bazy kodowej i dodać dodatkowe żądania do serwerów zewnętrznych. Zaleca się dezaktywowanie i usunięcie wszelkich wtyczek, które nie są niezbędne dla funkcjonalności Twojej witryny.

10. Jak wybrać lekki motyw, skorzystaj z mojej strony internetowej Elementor?

Wybór lekkiego i zoptymalizowanego motywu zapewnia, że ​​baza kodu jest minimalna i zoptymalizowana pod kątem prędkości. Pomaga to skrócić czas ładowania i poprawia ogólną wydajność witryny Elementor.

10 sprawdzonych wskazówek, jak przyspieszyć strony internetowe Elementor

Tak jak sama nazwa sugeruje, część kodująca zawiera głównie HTML, CSS, JS, PHP itp. A część bazy danych przechowuje dane Twojej witryny, takie jak posty na blogu, obrazy itp.

Czy Elementor Pro spowalnia witrynę?

Jednym słowem, nie. Elementor Pro nie spowalnia Twojej witryny.

Elementor Pro to bardzo potężna i przyjazna dla użytkownika wtyczka, która sprawia, że ​​tworzenie i zarządzanie witryną jest łatwa i wydajna. Wszystkie funkcje są łatwo dostępne i nie ma potrzeby być ekspertem technicznym, aby z nich korzystać.

Pro wskazówka: Elementor Pro może spowolnić witrynę, jeśli masz dużo treści na swoich stronach lub jeśli masz dużo wtyczek. Jeśli zauważysz, że witryna działa powoli, możesz spróbować dezaktywować niektóre wtyczki lub usunąć treść z twoich stron.

Ogólnie Elementor Pro to bardzo przyjazna dla użytkownika wtyczka, która nie spowalnia Twojej witryny.

Jeśli szukasz wtyczki, która ułatwi zarządzanie witryną, Elementor Pro to świetna opcja.

5 Znaleziono powiązane odpowiedzi na pytanie

Czy Element jest dobry na stronę internetową?

Elementor to konstruktor witryn Drag and Drop, którego można użyć do tworzenia strony internetowej od zera lub do modyfikacji i ulepszenia istniejącej strony internetowej. Elementor oferuje szeroką gamę funkcji, takich jak konfigurowalny interfejs przeciągania i upuszczenia, łatwy w użyciu konstruktorem oraz możliwość tworzenia stron internetowych w różnych językach. Ogólnie rzecz biorąc, Elementor jest potężnym i łatwym w użyciu konstruktorem witryn, który oferuje szeroki zakres funkcji i opcji dostosowywania.

Jest bezpłatny?

Builder stron Elementor to konstruktor stron przeciągania i upuść, który jest dostępny jako wersja bezpłatna i premium. Wersja premium oferuje więcej funkcji, takich jak możliwość tworzenia nieograniczonych stron, zaawansowane opcje dostosowywania i wsparcie priorytetowe. Bezpłatna wersja jest ograniczona do maksymalnie 100 stron.

Czy element jest dobry na strony lądowania?

Elementor to konstruktor stron docelowych, który umożliwia użytkownikom tworzenie niestandardowych stron docelowych, które można wykorzystać do promowania ich produktów lub usług. Ogólnie rzecz biorąc, Elementor jest dobrym konstruktorem stron docelowych dla osób, które chcą tworzyć niestandardowe strony, które można wykorzystać do promowania swoich produktów lub usług. Chociaż niektóre funkcje są ograniczone, ogólne narzędzie jest łatwe w użyciu i może tworzyć strony, które wyglądają profesjonalnie.

Czy Elementor Pro Warto to Reddit?

Elementor Pro to kompleksowa wtyczka WordPress, która pozwala tworzyć niestandardowe projekty, strony, posty i więcej od zera. Wtyczka jest pełna funkcji i zdecydowanie jest warta pieniędzy, jeśli ty’Szukam kompleksowego rozwiązania dla WordPress Design. Jedną z najlepszych rzeczy w Elementor Pro jest fakt, że to’S wyjątkowo przyjazny dla użytkownika.

Dlaczego Elementor nie pozwala mi edytować?

Jeśli Elementor nie pozwala ci edytować, może to być dlatego, że nie jesteś uwierzytelniony. Aby zostać uwierzytelnionym, musisz mieć konto Elementor i zalogować się. Jeśli nie masz pewności, jak się zalogować, zobacz nasz artykuł pomocy na temat zalogowania.

Drew Clemente

DevOps & Sysadmin Engineer. Zasadniczo buduję infrastrukturę online.

O nas

Kiedy rozpoczęliśmy naszą podróż online, nie mieliśmy pojęcia o kodowaniu lub budowaniu stron internetowych, prawdopodobnie tak jak ty.

Chcieliśmy tylko stworzyć stronę internetową dla naszej firmy offline, ale zniechęcające zadanie nie było proste. Po miesiącach i latach wypróbowywania CMS i różnych twórców witryn, zostaliśmy ekspertami w ich tworzeniu i chcieliśmy podzielić się naszą wiedzą ze światem, korzystając z tej strony.

Teraz dokonujemy przeglądu dziesiątek usług związanych z siecią (w tym rejestratorów domen, dostawców hostingu i wielu innych) i piszemy dogłębne przewodniki o tworzeniu witryn, kodowaniu i blogowaniu.

Kto może skorzystać z witryny?

• Blogerzy
• Fotografowie
• Freelancerzy
• Specjaliści
• Właściciele przedsiębiorstw
• sklepy eCommerce
• Wszyscy

• O / kontakt
• Warunki usług – Polityka prywatności – Ujawnienie
• Budowanie stron internetowych
• Hosting
• Projektowanie stron
• Tworzenie stron internetowych
• Domeny

Ponad 10 sprawdzonych wskazówek, jak przyspieszyć strony internetowe Elementor

Jak wszyscy wiemy, Elementor jest zdumiewającą wtyczką konstruktora stron, a także umożliwia z łatwością zharmonizację pełnej strony internetowej. Ale niektóre strony internetowe mogą mieć problemy, które powodują powolne ładowanie. Co najważniejsze, wielu użytkowników tak naprawdę nie’nie wiem ‘Jak przyspieszyć stronę internetową Elementor’.

Więc to’jest bardzo ważne, aby wiedzieć, dlaczego ten problem występuje i jak go rozwiązać. To’Sno w tym artykule’LL pokazuje najbardziej skuteczne i sprawdzone wskazówki, jak przyspieszyć witrynę Elementor.

A w ostatniej części tego artykułu my’omówimy powszechne błędy, których powinniśmy unikać.

Bez zbędnych ceregieli, niech’s nurkuj

Elementor spowalnia stronę internetową: czy to prawda

Wszyscy jesteśmy dość świadomi jednej rzeczy w Elementor, jest bardzo łatwy w użyciu, szybki do wdrożenia i pomocny w tworzeniu wszelkich projektów. Czasami jednak strony internetowe z Elementor mogą mieć konfigurację, która powoduje powolne ładowanie..

Większość moich witryn jest załadowana w trakcie ponad 2 sekund według Statom Google, oczywiście tym razem może się różnić w zależności od treści i kilku innych czynników – WP Info Blog

Sam Elementor nie ponosi odpowiedzialności za problem z ładowaniem witryny. Za tym leży wiele powodów. Na przykład problemy hostingowe, błędy serwera, duże pliki multimedialne, skrypty zewnętrzne, dodatkowe wtyczki, pliki motywów itp.

Artykuły dla Kinsta, strony internetowe z wielu powodów powoli stają się powolne. I doskonale wyjaśnili, dlaczego strona internetowa spowalnia pod względem różnych aspektów.

Biorąc więc pod uwagę fakty, my’Pokaż, jak przyspieszyć swoją stronę Elementor i co powinieneś przestrzegać w następnej części.

7 sprawdzonych wskazówek dotyczących przyspieszenia strony internetowej Elementor

Wiemy już o konstruktorze stron Elementor’Skuteczność i możliwe wyniki podczas wdrażania go w projektowaniu. Więc nie ma co do tego wątpliwości. Ale faktem jest problemy, które spowalniają stronę internetową Elementor.

Elementor oferuje wiele opcji i możliwości edycji. Chociaż projektowanie stron internetowych z Elementor jest naprawdę łatwe i szybkie, jeśli chcesz przyspieszyć swoją witrynę, sprawdź następujące kryteria.

1. Nie korzystanie z bezpłatnego serwera hostingowego

Jeśli ty’ponownie uruchomić swoją firmę na platformie internetowej, a potem’jest mądry w użyciu hostingu premium. Musisz więc skorzystać z najlepszych planów hostingu, aby przyspieszyć swoją witrynę. Wiesz, hosting spraw. Ze względu na korzystanie z bezpłatnej usługi hostingowej, Twoja witryna może mieć znaczący wpływ, taki jak powolne ładowanie, niedostępność serwera i więcej.

Sprawdź następujący artykuł na temat ‘Najlepszy plan hostingu dla strony Elementor’. W tym artykule pokazaliśmy, jaki plan hostingu powinieneś zdobyć, a innych dostawców usług hostingowych.

To jest współczesny czas technologii. A ekosystem WordPress rządził 34% sieci. Wiele wtyczek jest dostępnych w branży WordPress do zarządzania tą ogromną platformą. Ale wszystkie z nich nie są dla Ciebie przydatne.

Czasami używanie zbyt wielu wtyczek na stronie powoduje powolne ładowanie strony internetowej. Więc powinieneś pomyśleć dwa razy przed użyciem jakiejkolwiek wtyczki. Z drugiej strony dezaktywujesz konkretną wtyczkę, jeśli ty’Ponowne.

5. Wybór właściwego motywu

Ważnym faktem jest również użycie właściwego motywu dla Witryny. Powinieneś użyć odpowiedniego motywu do swojej witryny.

Dobry motyw powinien’T Zwolnij witrynę, ale niestety wiele tematów – Elementor

To, co możesz zrobić.”

• Dezaktywuj tematy, które powodują problemy
• Możesz użyć motywu dwudziestu. (Przeczytaj artykuł na temat WordPress Domyślny motyw)
• Użyj domyślnych szablonów Elementor lub możesz wybrać Happy Elementor Addons, aby tworzyć projekty.

6. Użyj CDN (sieć dostarczania treści)

CDN oznacza sieć dostarczania treści. To’s geograficznie rozłożona grupa serwerów mających na celu dostarczanie treści użytkownikom w najszybszym możliwym czasie. Załóżmy, że dane Twojej witryny są hostowane na serwerze w Nowym Jorku. Jeśli amerykański użytkownik odwiedzi Twoją witrynę, szybko się załaduje.

Ale jeśli ktoś odwiedzi twoją stronę z Europy, co się z nimi stanie? Załadowanie stron internetowych zajmie trochę czasu. Właśnie dlatego gigantyczne firmy, które mają dużą publiczność na całym świecie, utrzymują wiele CDN. Na przykład Amazon, Alibaba i eBay.

Jeśli jednak Twoja witryna jest tylko na poziomie początkowym, nie masz’T muszę się martwić o CDN. Ale jeśli ma ogromną bazę odbiorców i wartość finansową, musisz hostować jej bazę danych na niektórych innych CDN. Cloudflare, Cachefly i Amazon Cloudfront to najlepsi dostawcy CDN.

7. Użyj wtyczki pamięci podręcznej

Możesz nie wiedzieć, czym jest pamięć podręczna strony, jeśli jesteś początkującym. Pozwalać’S WIEDZIE najpierw, jak to działa. Każda strona internetowa ma dwie części: baza danych front-end i zaplecza (posty na blogu, filmy, obrazy i gify). Użytkownicy często lądują na froncie i poprosić o rodzaj treści, które chcą zobaczyć.

Baza danych zaplecza generuje pliki/kody HTML tej treści i przedstawia je odwiedzającym’ przeglądarki w idealny sposób. Ale serwer zaplecza’t zachowaj kody HTML. Tak więc, gdy użytkownicy dokonują nowego zapotrzebowania, serwer musi ponownie zbudować kod od zera.

Zabija czas. Wtyczka pamięci podręcznej jest rozwiązaniem w tym przypadku. Zachowuje kod po utworzeniu i natychmiast dostarcza go użytkownikom, jeśli to samo żądanie zostanie ponownie złożone.

8. Użyj wysoko wydajnego DNS

DNS oznacza system nazwy domeny. To’s serwer, który tłumaczy adresy domeny czytelne człowieka (takie jak www.Happyaddons.com) na odczytujące maszynowe adresy IP (jak 1900.100.101).

Jak działa DNS? Każda strona internetowa jest hostowana na serwerze hostingowym i odbiera adres IP. Gdy użytkownicy wpisują adres URL w przeglądarkach i naciśnij przycisk Enter, serwer DNS zaczyna znaleźć adres IP domeny.

DNS o wysokiej wydajności może pomóc szybko zlokalizować adres IP i podłączyć go do przeglądarki. Dlatego musisz użyć wysokowydajnego serwera DNS. Niektóre najlepsze serwery DNS, które możesz rozważyć, to Cisco Opendns, Cloudflare, Google Public DNS i Quad.

9. Usuń niepotrzebne pliki z bazy danych

Baza danych odnosi się do miejsca, w którym pliki internetowe (zdjęcia, filmy, GIF, klipy głosowe itp.) przechowywane. Niepotrzebne pliki mogą sprawić, że witryna jest duża do załadowania. Jednak często zdarza się, że użytkownicy wielokrotnie przesyłają ten sam obraz, co jest niewłaściwą praktyką.

Prześlij ten sam obraz raz. Następnie, gdy go potrzebujesz, użyj go z opcji pliku multimedialnego. Oprócz, usuwaj komentarz spamu. Ponieważ mogą nawet zająć cenną przestrzeń internetową.

10. Zwiększ limit pamięci

Domyślnie WordPress ma limit pamięci PHP 32 MB. A niektórzy dostawcy hostingów zwiększają go do 64 MB. Ta pamięć PHP ma znaczenie, ponieważ WordPress wymaga wystarczającego limitu pamięci, aby uruchomić i wykonać motywy, wtyczki i kody.

Aby bezproblemowo uruchomić elementor, WordPress wymaga limitu pamięci 256 MB. Możesz łatwo zwiększyć limit pamięci PHP. Obejrzyj wideo na temat zwiększenia limitu pamięci PHP z CPANEL.

Czy używasz Elementora prawidłowo? Jeśli odpowiedź brzmi „tak”, możesz być poza niebezpieczeństwem. Ale jeśli nie, ta część jest dla Ciebie. Ponieważ my’Omówić powszechne błędy, które popełniają każdy element, i jak przezwyciężyć te problemy, w tej części.

Jednak omówiliśmy już wcześniej w naszej poprzedniej sekcji, co powinieneś śledzić, aby przyspieszyć swoją stronę internetową Elemetor.

Dobra, niech’S rozpocznij:

Nie używa poprawnego motywu

Motyw nadaje stronie internetowej idealnej struktury. Ale jeśli nie masz’T Wybierz właściwy, a potem cały wysiłek wygrał’T Przyprowadź sukces. Ludzie nie przyjdą na twoją stronę internetową’LL stworzyć złe wrażenie.

Idealny motyw dostosowywania przemówi twój głos, a także ludzie otrzymają niesamowite wrażenia z Twojej firmy. Więc to’jest mądry, aby użyć odpowiedniego motywu do swojej witryny lub dostosowania motywu od zera. A Google nie tylko zaliczy się, ale także przyspieszy Twoją witrynę.

Dostosowywanie bez czyszczenia pamięci podręcznej

Kolejnym powszechnym błędem jest dostosowanie Twojej witryny bez usuwania pamięci podręcznej witryny. Strony internetowe stale doświadczają korekt i aktualizacji. Więc to’jest bardzo ważne, aby regularnie usuwać pamięć podręczną przed edycją lub projektowaniem.

Jeśli ty’Ponownie stałego użytkownika komputerów Mac, a następnie możesz wyczyścić plik pamięci podręcznej za pomocą Command + R i Control + Shift + R dla systemu Windows. Możesz przeczytać tę dokumentację, aby pozbyć się tego problemu.

Nie optymalizowanie obrazów

Zoptymalizowane obrazy są nie tylko owocne dla SEO, ale także dobre dla szybko ładującej strony. Wielu użytkowników elementów nie zmienia rozmiaru obrazów przed wdrożeniem. W rezultacie strona internetowa zyskuje na wadze i ładuje się powoli.

Powinieneś zaplanować rozmiar każdego zdjęcia za pomocą tonypng, jak już powiedzieliśmy w naszej poprzedniej sekcji.

Nie używa domyślnego koloru

Choć to’S drobny problem. Ale czasami możesz stawić czoła kłopotom, że nie użyć prawego lub domyślnego koloru dla swojej witryny. Możesz uzyskać wiele opcji wyboru kolorów z domyślnej galerii kolorów Elementor.

Te kolory zostały zaprojektowane dokładnie, aby ułatwić użytkownikom. Pomoże ci to zaoszczędzić dużo czasu, a także zachować spójność w całej witrynie.

FAQ o tym, jak przyspieszyć witrynę Elementor

Mam nadzieję, że podoba ci się ta dyskusja. My’LL Odpowiedz teraz na niektóre typowe pytania związane z tematem, jak przyspieszyć strony internetowe Elementor. Czytaj dalej!

Czy Elementor spowalnia stronę internetową?

Odpowiedź to ‘NIE’. Elementor nie’t faktycznie spowalnia witrynę. Ale jeśli Twoja witryna jest’t doskonale zoptymalizowane, hostowane na szybkim dobrym serwerze, za pomocą fal i wtyczek, a nie dobre nieefektywne zarządzanie treści.

Ile limitu pamięci jest koniecznością dla elementora?

Limit pamięci 256 MB jest koniecznością dla elementora. Ale w celu uzyskania lepszej wydajności możesz zwiększyć go do 512 MB.

Czy Elementor szkodzi SEO?

Elementor nie’T zaszkodzić procesowi optymalizacji wyszukiwarek. Może pomóc ci zadbać o wiele technicznych części SEO.

Czy naprawdę potrzebuję elementora?

Jeśli używasz WordPress, jego edytor bloków Gutenberg wystarczy, aby stworzyć strony do lądowania. Ale Elementor ma wiele ekscytujących funkcji i widżetów, dzięki którym możesz tworzyć interaktywne strony lądowania. Elementor ma zarówno wersje Lite, jak i Pro.

Korzystając z wersji Lite, możesz utworzyć stronę internetową na poziomie podstawowym. Ale jeśli chcesz nadać mu wspaniały wygląd, musisz użyć jego wersji pro.

Jak wyczyścić pamięć podręczną Elementor?

Proces jest bardzo prosty. Zaloguj się do pulpitu WordPress. Następnie przejdź do Dashboard> Elementor> Narzędzia> Ogólne.

Naciśnij przycisk Regeneracja plików i danych. Uderz w Zapisz zmiany Przycisk później. W ten sposób możesz wyczyścić pamięć podręczną Elementor.

Ostateczny werdykt

To’nie jest do końca możliwe, aby w szybkim czasie omówić wszystkie problemy. Ale staraliśmy się skupić na istotnych problemach, przed którymi zmagają się użytkownicy żywiołowi. Upewnij się, że bardzo uważaj na proces dostosowywania strony internetowej za pomocą Elementor, jeśli budujesz samodzielnie lub siebie’ponownie planować zatrudnić dewelopera.

Mamy nadzieję, że masz to bardzo przydatne. Jeśli wykonasz ostrożnie kroki, z pewnością możesz przyspieszyć swoją stronę internetową Elementor.

Jeśli jednak czujesz’T Wspomnij o wszelkich typowych błędach, które powinny znajdować się na liście, prosimy o udostępnienie ich w komentarzach poniżej.

Podziel się tym postem

• Tagi: najlepsze praktyki elementora, funkcje elementorowe, jak przyspieszyć element elementowy inne słowo kluczowe: prędkość strony elementora

Nahid Sharif

Nahid jest marketerem z zawodu i pisarzem z pasji, poczucie niezależności i swobodnego myślenia zawsze utrzymuje go! Jeśli nie pisze, on’albo przegląda opowieści science fiction, edytując filmy lub odtwarzanie gitary akustycznej, pisanie tekstów i robienie zdjęć przyrody!

Powiązany post

Jak usunąć nieużywane skróty z WordPress (4 łatwe metody)

18 maja 2023 Brak komentarzy

Niewykorzystane skróty mogą przejąć bazę danych i powodować wiele konfliktów wewnętrznych. Pozwalać’S Dowiedz się, jak usunąć nieużywane skróty z WordPress na 4 łatwe sposoby.

Jak zoptymalizować obrazy pod kątem WWW i wydajności (wszystko, co musisz wiedzieć)

8 maja 2023 2 komentarze

Właściwa optymalizacja obrazów może sprawić, że Twoja witryna jest lekka i szybko załadować. Sprawdź kilka ekskluzywnych wskazówek na temat optymalizacji obrazów pod kątem Web i wydajności.

12+ najlepszych dodatków do elementów do dostosowania witryny WordPress z łatwością

18 kwietnia 2023 26 komentarzy

Elementor to potężny konstruktor stron do tworzenia pięknych stron w mgnieniu oka. Jego łatwy w użyciu interfejs i zaawansowane narzędzia projektowe

22 odpowiedzi

Oli mówi:

Dzięki za artykuł, ale który umieszcza kod na zrzucie ekranu!…

Nahid Sharif mówi:

Witaj Oli,
Dzięki za koordynację. Sprawdź teraz, to’S został zaktualizowany.
Mam nadzieję, że ty’Znalezie większe zainteresowanie naszymi innymi artykułami.

Pan George Eduard Petcu mówi:

na add_filter jest błąd ( ‘elementor/frontend/print_google_fonts’, ‘__return_false’ ); zaginiony ‘ Przed _return_false

Nahid Sharif mówi:

Hej George
Dzięki za troskę. Nawiasem mówiąc, my’Naprawdę przepraszam za niedogodności ?. Jednakże, my’VE zaktualizował błąd. Teraz możesz sprawdzić i daj nam znać, jeśli znów to nie’t ? Dzięki

Liz mówi:

Tak, z wyjątkiem bieżącego testu prędkości Just Elementor i Elementor Pro zainstalowanych z zerowymi innymi wtyczkami na Bluehost, a wszystkie obrazy wyciągnięte z CDN obniża mój wynik prędkości Google Page z 92 na telefonie komórkowym za pomocą dwudziestu dwudziestu motyw. Elementor jest niczym więcej niż wieprzem zasobów i marnotrawstwem 100 dolarów. I’był programistą od ponad dekady i jest to absolutnie niedorzeczne, że każda wtyczka jest tak bardzo opracowana.

Sakil Adnan mówi:

Cześć Liz, to’jest naprawdę okropne to doświadczenie, które podzieliłeś się. Ale radzimy sobie naprawdę ze wszystkimi naszymi stronami zbudowanymi z Elementor. Spójrz głęboko i spróbuj ponownie, prędkość witryny powinna zostać ulepszona.
Wielkie dzięki za podzielenie się z nami swoimi doświadczeniami.

Karen Johnstone mówi:

I’M deweloper i muszę się tutaj zgodzić z Liz. Są konkurenci, którzy mają lepszą wydajność. Możemy tylko dołożyć wszelkich starań, aby poprawić wydajność witryn, które zarządzamy, które korzystają z tego konstruktora, ale to’jak walczyć z przegraną bitwą.

Gobinda Tarafdar mówi:

Cześć Karen, Gobinda tutaj z zespołu Happyaddons, zgadzam się ze wszystkimi twoimi punktami widzenia. Jeśli chodzi o przyspieszenie witryny, w której używamy budowniczych stron, musimy rozważyć wiele rzeczy. Mam nadzieję, że w tym momencie również zgodzisz się; Budowniczowie stron przybywają w zasadzie dla facetów innych niż technologie. To’S Dlaczego tak wiele rzeczy jest zawartych w budowniczych, które mogą nie być potrzebne, jeśli zbudujemy witrynę od zera bez budowniczych stron. Dostajemy mnóstwo funkcji bez żadnej wiedzy kodowania. Na przykład możemy przyjrzeć się funkcjom Parallax. Jeśli chcę je dodać ze strukturą kodowania surowego, muszę być programistą frontend na poziomie ekspertów. W przeciwnym razie mogę’t Dodaj tę funkcję na mojej stronie. Ale sama paralaks jest ciężką rzeczą pod względem oceny prędkości strony. Ekspert może to zminimalizować według poziomu wiedzy specjalistycznej. Ale noob w obszarze kodowania, tak jak ja’T muszę zawracać sobie głowę kodowaniem rzeczy, jeśli używam Elementora’S Parallax lub HappyAddons Parallax Funkcje. Lubię się udostępnić, z wersji 3.0 Elementor, Dev-OPS próbują skupić się na minimalistycznym kodowaniu. Ulepszają również DOM Elementora. Eksperci to teraz to dzielą’jest dobrym przejściem do oceny prędkości strony. I od samego początku używamy funkcji ładowania aktywów na żądanie w HappyAddons dla Elementor. Postępujemy również zgodnie z przyzwoitą strukturą kodowania. Znamy problem prędkości strony budowniczych stron. ? Mam nadzieję, że w najbliższej przyszłości budownicze strony będą dostępne z nadęconymi bezpłatnymi kodami. Jeszcze raz dziękuję za zarządzanie czasem, aby podzielić się cennymi przemyśleniami na temat naszych dzieł, Gobinda,
Koordynator produktu HappyAddons.

Diki Atmodjo mówi:

Cześć Nahid, Dzięki za pomocne artykuły. Jednak tam’S O jednej rzeczy, o której chciałbym zapytać, czy wykonałem inny układ na urządzenia mobilne i ukryłem go na widoku komputerowym, czy wpłynęło to na moje mobilne pagespeed?

Nahid Sharif mówi:

Hej Atmodjo
Dzięki za kluczowy czas na komentarz tutaj. A także twoje pytanie ma prawdziwą wartość. Zasadniczo Elementor działa indywidualnie zarówno dla widoków komputerowych, jak i mobilnych. Aby wyczyścić to zamieszanie, przeczytaj https: // WordPress.org/wsparcie/temat/mobilne-layout-changes-effect-desktop-layout-and-vice-versa/. I na pewno pomoże ci to bardzo wyraźnie poznać Twoją odpowiedź.

Diki Atmodjo mówi:

Wielkie dzięki!

Deewinc mówi:

Fontawesome spowalnia witryny. Możesz wykonać test prędkości za pomocą dowolnego narzędzia w Internecie, takim jak GTMetrix, i wyróżni to problemy, powodując spowolnienie witryny. Fontawesome jest zwykle winowajcą i narzeka wiele osób.

Nahid Sharif mówi:

Witaj Deewinc
Dziękuję za twoją opinię i uprzejmą rozważanie.
Nawiasem mówiąc, możesz znaleźć nasze inne blogi, które są również bardziej pouczające i pomocne.
Dzięki?

Clint Sanchez mówi:

Dziwne, próbowałem dodać kod w moich funkcjach.PHP i kontynuowanie testów wglądu Pagespeed i elementy, które chciał, aby wygrał wstępny ładunek’nie odejdź.

Nahid Sharif mówi:

Witaj Clints
Przepraszam za twoje niedogodności. Jedna rzecz, którą chcę wiedzieć, czy sprawdziłeś inne metody wraz z zastosowaniem kodów? Lub po prostu skopiuj kod i wklej to?

Przestań marnować czas na powolnych witrynach Elementor: tutaj’S Jak przyspieszyć swoje

Elementor jest jednym z najpopularniejszych budowniczych stron dostępnych dla WordPress. Jednak strony internetowe zbudowane z Elementor nie są najlepsze do wydajności. Po latach pracy z Elementor i jego dodatkami chciałem podzielić się wskazówkami optymalizacyjnymi, które mogą pomóc w ulepszeniu stron internetowych powolnych elementów. Podzielę się zarówno dla początkujących, jak i zaawansowanych wskazówek optymalizacji. Ten przewodnik dotyczy zarówno wersji Elementor (bezpłatny), jak i Elementor Pro (a także stron internetowych) przy użyciu dodatków stron trzecich.

Spis treści

Aktywuj eksperymenty elementarne

Deweloperzy od lat narzekają na niepotrzebne elementy DOM i nieużywane JS i CSS. Elementor odpowiedział, wydając wersję 3.0, który poszedł we właściwym kierunku, aby rozwiązać wiele z tych problemów. Jednak, jak to wyraźnie stwierdza, są one “eksperymenty”, I musisz upewnić się, że przetestujesz swoją witrynę po włączeniu tych funkcji, aby wszystko działa zgodnie z oczekiwaniami. Przejdź do Elementor → Ustawienia → Eksperymenty, a następnie aktywuj te opcje. Ikony czcionek wbudowanych – uniknie załadunku całej biblioteki czcionek i zamiast tego użyje inline ikon SVG. Kontener Flexbox – Poprawi rozmiar DOM i ułatwi budowanie złożonych układów. Leniwe obrazy tła – Lazy Ładowanie obrazów w tle, które nie są potrzebne w rzutniu, poprawi ogólną wydajność. Zoptymalizowane wyjście DOM -Zmniejsza to elementy DOM poprzez zmniejszenie niepotrzebnych opakowań div, takich jak elementor-inner, elementor-rzęd. Ulepszone ładowanie aktywów – Ta funkcja pomaga zmniejszyć nieużywane JS, ładując niektóre elementy tylko w razie potrzeby – więcej szczegółów od Elementora. Ulepszone ładowanie CSS – To poprawia “Usuń nieużywane CSS” I “Wyeliminuj blokowanie renderowania” Zasoby w Pagespeed Insights poprzez ładowanie tylko CSS i animacji w razie potrzeby. Aktywacja wszystkich tych opcji może spowodować znaczną poprawę wyników prędkości strony i przyspieszaj strony elementarne. Jednak im bardziej masz dodatki z trzeciej imprezy, tym bardziej ryzyko konfliktu masz. Upewnij się, że masz najnowszą wersję wszystkich dodatków Elementor, aby zmniejszyć szanse na konflikty, które mogą mieć z włączonymi eksperymentami.

Unikaj błędów wspólnych elementów

W ciągu ostatnich kilku lat widziałem, jak użytkownicy popełniają wspólne błędy podczas tworzenia stron internetowych z Elementor. Te błędy sprawiają, że wszystko jest skomplikowane i mogą wpływać na wydajność Twojej witryny.

Responsywne błędy projektowe popełniają użytkownicy

Użytkownicy elementów popełniają wspólne błędy w budowaniu responsywnych projektów. Zamiast używać responsywnych elementów sterujących z Elementor, tworzą nowe sekcje dla różnych punktów przerwania i ukrywają te. To nie jest idealne rozwiązanie. Tworzy zduplikowane kod, niepotrzebne znaczniki HTML i wpływa na twoją stronę internetową’s wydajność.

Użyj lekkiego motywu

Elementor jest dość ciężką wtyczkę; Nie chcesz łączyć go z innym ciężkim motywem. Korzystanie z lekkiego motywu, takiego jak GeneratePress lub Astra, zmniejszy wysiłki potrzebne do optymalizacji strony internetowej Elementor.

Użyj globalnych elementów z motywu

Jeśli masz Elementor, możesz tworzyć niestandardowe nagłówki i stopki. Lepiej jednak trzymać się elementów z motywu zamiast Elementora (więcej o tym). Zwykle elementy z motywu mają lepszą jakość kodu, a ich zasoby są lepiej zoptymalizowane.

Unikaj używania pustych elementów

Zamiast używać widżetu przekładki lub pustych sekcji/kolumn do regulacji układu, użyj opcji marginesu/wyściółki z elementora. Korzystając z widżetu dystansowego, dodaj dodatkowe Divy i zwiększy rozmiar DOM. Elementor zaleca użycie marginesu i wyściółki zamiast używania widżetu dystansowego.

Unikaj używania zbyt wielu dodatków

Używanie zbyt wielu dodatków innych firm może powodować problemy z niezgodnością i wydajnością. Zmniejszenie zależności od dodatków stron trzecich pozwoli Ci zaoszczędzić dużo czasu na dłuższą metę.

Wyłącz nieużywane widżety z dodatków Elementor

Jeśli nadal potrzebujesz dodatków innych firm, wyłącz widżety, których nie potrzebujesz z ich ustawień. Większość dodatków od renomowanych programistów pozwala osiągnąć to z ich ustawień. Na przykład Essential Addon ma przewodnik, jak wyłączyć niewykorzystane elementy.

Użyj globalnych stylów

Dobry projekt strony internetowej wykorzystuje spójne kolory. Globalne style oszczędzają dużo czasu i pomagają osiągnąć spójny projekt bez zbytniego wysiłku. Zamiast określać czcionki i kolory dla każdego elementu, globalnie stylizuj je z ustawień stylu motywu Elementor. Włączenie tego zmniejszy kod generowany przez elementor i pomoże zmniejszyć nieużywane CSS.

Zoptymalizuj ładowanie czcionek

Użyj bezpiecznych czcionek

Jeśli masz obsesję na punkcie swojej witryny’Wydajność, korzystanie z czcionek systemowych miałyby ogromny wpływ na poprawę prędkości witryny. Według KeyCDN istnieje prawie 200 ms różnica między używaniem Open Sans, dzwoniąc do Google jako zasób zewnętrzny i korzystanie z Arial, czcionki bezpiecznej w Internecie. Same korzystanie z bezpiecznych czcionek może być ważną wygraną w Twojej strategii optymalizacji prędkości i ulepszyć swoją stronę internetową’S prędkość renderowania.

Lokalne hosta i wstępne ładowanie czcionek Google

Lokalne hosting czcionek może zmniejszyć wyszukiwania DNS, żądania HTTP i zmniejszyć CLS. Twój motyw może mieć możliwość hostowania czcionek Google lokalnie. Jeśli to nie’t, możesz zainstalować wtyczkę OMGF do hostowania czcionek Google lokalnie.

Użyj font-display: zamiana

Aby upewnić się, że tekst pozostaje widoczny podczas ładowania Webfont i unikaj wyświetlania niewidzialnego tekstu, przejdź do elementor → Ustawienia → Załaduj czcionki Google → Wybierz “Zamieniać”.

Używaj niestandardowych ikon zamiast czcionek niesamowitych ikon

Używaj niestandardowych ikon zamiast Font Awesome i Eicons po ich wyłączeniu. Możesz je usunąć z zawinięcia i dodać nowe ikony w “Elementor niestandardowe ikony” Sekcja. Możesz dodać następujący kod do czcionki Dequeue Awesome od Elementor.

add_action ('Elementor/frontend/after_register_styles', funkcja () < foreach( [ 'solid', 'regular', 'brands' ] as $style ) < wp_deregister_style( 'elementor-icons-fa-' . $style ); >>, 20);

I poniższy kod do dequeue eicons:

add_action („wp_enqueue_scripts”, „disable_eicons”, 11); funkcja disable_eicons ()

Uaktualnij do najnowszej wersji PHP (8.2)

Uaktualnienie wersji PHP jest jednym z najłatwiejszych sposobów przyspieszenia witryny Elementor. Wiele punktów porównawczych pokazuje, w jaki sposób wyższe wersje PHP zwiększają szybsze. Elementor zaleca również wyższe wersje PHP i zwiększenie limitu pamięci do 256 MB. Możesz sprawdzić swoją wersję PHP w ‘Informacja o systemie’ Z menu Elementor w panelu administracyjnym. Możesz zalogować się do panelu sterowania hostingowego i zmienić PHP w ciągu kilku minut.

Zwiększ limit pamięci

Znajdziesz również aktualny limit pamięci PHP w informacji o systemie. Elementor wymaga minimum 256 MB limitu pamięci, ale zaleca 512 MB. Sugeruje 768 MB dla najlepszej wydajności. Możesz zmodyfikować limit pamięci PHP, dodając następujący wiersz do WP-Config.plik php.

definiować („wp_memory_limit”, „768m”);

Wyłącz nieużywane wtyczki

• Wyłącz wtyczkę formularza kontaktowego wszędzie, z wyjątkiem strony kontaktowej.
• Wyłącz wtyczkę udostępniania społecznościowego wszędzie, z wyjątkiem postów na blogu.
• Wyłącz tabelę wtyczki treści wszędzie, z wyjątkiem postów na blogu.
• Wyłącz bogatą wtyczkę fragmentu wszędzie, z wyjątkiem treści z bogatymi fragmentami.
• Wyłącz skrypty/style WooCommerce, z wyjątkiem stron spoza ECommerce.

Wyłącz Elementor i powiązane wtyczki na nieużywanych stronach

Większość stron internetowych nie musi edytować z Elementor na każdej stronie. Załóżmy, że nie użyłeś Elementor dla elementów globalnych (jak sugerowano powyżej) na swojej stronie internetowej, takich jak nagłówek lub stopka. W takim przypadku możesz wyłączyć Elementora z ładowania na strony, które nie są wymagane.

Pozwalać’S, powiedzmy, że używasz Elementor tylko dla stron, a nie postów lub niestandardowego typu postu. Możesz użyć wtyczki Freesoul dezaktywacji, aby wyłączyć elementor (i powiązane dodatki) we wszystkich typach postów, z wyjątkiem stron. To znacznie zmniejszy wpływ Elementor na twoją stronę internetową.

Możesz pójść dalej, wyłączając dodatki do elementów na stronach, na których nie są one potrzebne bez dezaktywowania elementora.

Skorzystaj z dobrej usługi hostingowej

Dobry hosting odgrywa kluczową rolę w Twojej witrynie’s wydajność. Jest to kręgosłup Twojej witryny’s wydajność. Bez względu na to, ile optymalizacji wykonujesz, jeśli twój serwer jest powolny, wygrałeś’Zauważę dużą różnicę w prędkości Twojej witryny, zwłaszcza administratora.

Większość usług hostingowych ma ścisłe limity procesora, niską pamięć (RAM) i przestarzały sprzęt. Zalecam korzystanie z serwera chmur, takiego jak Cloudways Vultr High lub RunCloud dla optymalnej wydajności. Cloudways to lepszy wybór dla większości użytkowników. Wolę RunCloud. Dzięki Cloudways możesz łatwo skonfigurować CloudFlare Enterprise, aby uzyskać jeszcze lepszą wydajność.

Optymalizuj obrazy

Istnieje wiele optymalizacji, które możesz zrobić z obrazami. Optymalizacja obrazów może znacznie poprawić czas ładowania strony na urządzeniach mobilnych.

Obrazy właściwie rozmiar

Twoja strona nigdy nie powinna mieć obrazów większych niż wersja renderowana na ekranie. Duże obrazy prowadzą do wolniejszych czasów ładowania. Upewnij się, że przesłałeś odpowiedni rozmiar obrazów w elementor.

Elementor nie obsługuje elementu, który pomaga tworzyć responsywne obrazy.

Możesz podnieść żądanie funkcji w tym numerze GitHub.

Odrocz obrazy z ekranu

Lazy ładujące obrazy pomagają załadować tylko potrzebne obrazy. Twoja wtyczka buforowania powinna mieć tę opcję.

Efektywnie koduj obrazy

Mówiąc prosto, jest to tylko kompresja obrazu. Używasz Shortpixel lub Twój dostawca CDN powinien mieć coś, co byłoby prostsze, aby włączyć.

Użyj formatu obrazu WebP

Według badania porównawczego WebP zwykle osiąga średnio o 30% więcej kompresji niż JPEG. WordPress obsługuje obrazy WebP natywnie od 5.8.

Pierwszy obciążenie Pierwszy treści

Wymagani pierwszym treści i pomiń go od leniwego załadowania.

Serwuj obrazy z CDN

Użyj dobrego dostawcy CDN, aby obsługiwać swoje zdjęcia. Używam Bunnycdn.

Załaduj efektywnie skrypty stron trzecich

Wszystkie skrypty stron trzecich muszą załadować stopkę po witrynie’T zawartość jest ładowana. Aby to osiągnąć, wymaga pewnych umiejętności technicznych.

Kolejną prostą opcją jest opóźnienie zewnętrznych skryptów, aby ładują się tylko po interakcji użytkownika. Wtyczki pamięci podręcznej, takie jak WP Rocket, Swift Performance i FlyingPress już mają tę funkcję.

Jeśli użyjesz domyślnych ustawień rakiety WP do opóźnienia JS, pamiętaj, że powoduje poważne problemy dla urządzeń iOS, tak jak łącza, aby kliknąć dwukrotnie, aby działały.

Innym sposobem na osiągnięcie tego jest użycie wtyczki Flying Scripts z Gijo.

Włącz buforowanie obiektów

Object buforowanie przechowuje wyniki w pamięci (RAM), która zapobiega dodatkowym zapytaniom bazy danych. Dostęp do danych z pamięci RAM będzie znacznie szybszy niż uzyskanie ich z bazy danych. A ponieważ WordPress jest ciężkim CMS w bazie danych, buforowanie obiektów zapewni zauważalne zwiększenie wydajności, szczególnie w panelu administracyjnym. Skontaktuj się z hostem, jeśli masz obsługę buforowania obiektu (Redis).

Jeśli host go obsługuje, upewnij się, że dodajesz pamięć podręczną obiektu wtyczki Redis.

Jeśli nie masz hosta, który obsługuje buforowanie obiektów, użyj wtyczki takiej jak Docket Cache, która działa jako dobra alternatywa i jest znacznie prostsza do skonfigurowania, ponieważ nie wymaga instalowania Redis na serwerze.

Włącz buforowanie strony

Buforowanie strony jest jedną z najważniejszych metod optymalnej wydajności Twojej witryny WordPress. WordPress w dużej mierze opiera się na bazie danych i PHP. A wykonywanie PHP i uzyskanie danych z bazy danych zawsze będzie znacznie wolniejsze niż załadowanie strony z pamięci podręcznej.

Jeśli Twoja witryna jest blogiem, idź z Cloudflare APO. Cloudflare ma ponad 280 popów na całym świecie i nic nie może ich pokonać w odniesieniu do wydajności.

Moja strona internetowa’S TTFB ma mniej niż 50 ms w większości lokalizacji na całym świecie, co jest dość trudne do pokonania w porównaniu z tradycyjnymi rozwiązaniami buforowania.

Możesz przyspieszyć testowanie witryny na KeyCDN.

Cloudflare testował APO na ponad 500 stronach klientów Cloudflare, które uruchamiają WordPress, aby przetestować ulepszenia wydajności. Oto wyniki testu:

Metryczny	Percentyle	Bazowa Cloudflare	APO włączone	Poprawa (%)
Czas na pierwszy bajt (TTFB)	90	1252 ms	351 ms	71.96%
	10	254 ms	261 MS	-2.76%
Pierwsza zawartość farby (FCP)	90	2655 ms	2056 MS	22.55%
	10	894 MS	783 MS	12.46%
Wskaźnik prędkości (SI)	90	6428	5586	13.11%
	10	1301	1242	4.52%

źródło

Jeśli masz złożoną stronę internetową, sprawdź, czy Twoja witryna jest kompatybilna z Cloudflare APO. Jednak Cloudflare Won Won’t Pracuj dla każdej strony internetowej i możesz potrzebować zaawansowanej strategii buforowania.

Polecam buforowanie po stronie serwera, takie jak pamięć podręczna Nginx FastCGI, jeśli host ją obsługuje. Jeśli nie, wtyczka buforująca, taka jak WP Rocket lub FlyingPress to droga. Te wtyczki będą działać nawet w przypadku buforowania po stronie serwera, ale upewnij się, że wtyczka dostarczana przez host internetową (jeśli to zrobi) jest kompatybilna z wybraną wtyczką buforowania. WP Najszybsza pamięć podręczna to dobry wybór, jeśli chcesz bezpłatną wtyczkę buforowania.

Użyj CDN

Korzystanie z CDN jest ważne dla stron internetowych z gośćmi z różnych lokalizacji. CDN mogą pomóc w zmniejszeniu opóźnień witryny dla odwiedzających na całym świecie. Ta strona korzysta z kombinacji BunnyCDN i Cloudflare.

Twoja wtyczka buforowania powinna mieć opcję skonfigurowania CDN. Jeśli nie, możesz skonfigurować wtyczkę CDN Enabler, aby skonfigurować CDN na swojej stronie internetowej.

Optymalizuj ciężkie operacje

Elementor to wtyczka intensywna bazy danych. Element Elementor ma funkcje AutoSave & Revisions. Z czasem Twoja baza danych może zostać zatkana za pomocą niepotrzebnych poprawek postu. Możesz wyczyścić te wersje za pomocą wtyczki zaawansowanej bazy danych lub wtyczki pamięci podręcznej’s Wbudowana opcja.

Aby zmniejszyć te operacje, należy ograniczyć poprawki postu i dodać odstępy automatycznej zmiany, aby zmniejszyć ciężkie żądania. Może zmniejszyć operacje użytkowania procesora i bazy danych. Aby to zrobić, dodaj poniższy kod do WP-Config.plik php.

Zdefiniuj („AutoSave_interval”, 120); // AutOsave co 120 sekund (domyślnie 60) Zdefiniuj („WP_POST_REVISIONS”, 10); // Zapisz maksymalnie 10 poprawek na post

Użyj Elementora tylko w razie potrzeby

Tylko dlatego, że masz Elementor, nie oznacza to, że powinieneś używać go na każdym poście na stronie i blogu. Faktem jest, że Elementor jest ciężki i powinieneś go unikać, kiedy możesz. Jesteś skończony’T Nie trzeba go używać na stronie, mając tylko skrót z innych wtyczek lub gdy potrzebujesz podstawowej zawartości. Edytuj strony z Elementor tylko wtedy, gdy trzeba budować niezbyt proste strony.

W przypadku postów na blogu musisz unikać Elementora, ponieważ Gutenberg ma wszystkie potrzebne elementy treści. Jeśli chcesz dostosować szablony bloga, spróbuj ich stylizację za pomocą CSS na całym świecie do elementów. W ten sposób możesz zmniejszyć nieużywane CS wygenerowane z Elementora. Jeśli to’S za dużo, rozważ zatrudnienie dobrego programisty WordPress, który pomoże w tym.

Jeśli chcesz użyć Elementor, użyj konstruktora motywów, aby utworzyć pojedynczy szablon, który dotyczy wszystkich postów na blogu. A następnie możesz użyć Gutenberg lub klasycznego edytora (preferowane). W ten sposób kod może być stosunkowo lepszy.

Zoptymalizuj edytor Elementor powolne ładowanie

Edytor Elementor może z czasem stać się bardzo powolny. Zanim przejdziesz dalej, upewnij się, że masz przyzwoity serwer.

Editor Elementor może często zwolnić z powodu konfliktów wtyczek i dodatków elementarnych stron trzecich. Aby poprawić wydajność edytora Elementor, możesz wykonać następujące czynności:

1. Zaktualizuj Elementor & Elementor Pro do najnowszej wersji.
2. Zaktualizuj WordPress do najnowszej wersji.
3. Zaktualizuj dodatki Elementor zewnętrznych do najnowszej wersji.
4. Przejdź do elementu → Informacje o systemie i sprawdź ostrzeżenia. Upewnij się, że nie ma tutaj ostrzeżenia w żadnym wierszu.
5. Cleanup Elementor edytor za pomocą edytora czyszczenia wtyczki Elementor.
6. Spróbuj użyć trybu awaryjnego Elementor i sprawdź, czy edytor jest szybki. Jeśli jest teraz szybszy, kolejna wtyczka powoduje spowolnienie.
7. Możesz wypróbować dezaktywowanie innych wtyczek indywidualnie (pierwszy rozpocznij od wyłączenia wtyczek związanych z elementem) i przetestować edytor’s wydajność.

Użyj szybszego konstruktora stron

Korzystanie z szczuplejszego konstruktora stron jest najbardziej czasochłonną końcówką. Elementor był’t zbudowany od podstaw do wydajności i ma niedociągnięcia. Elementor będzie musiał wprowadzić zmiany w swojej podstawowej architekturze lub zachować kod kompatybilności dla starszych wersji, aby rewolucyjna ulepszenia wydajności.

Niedawno zmieniliśmy naszą stronę internetową z Elementor na Bricks Builder. Sprawdziłem wyjście HTML tego konstruktora stron i IT’jest bardzo blisko, jak dobry programista kodował witrynę internetową. Porównałem to nawet z Breakdance, a cegły były po prostu lepsze.

Możesz także spróbować użyć Gutenberga, ale ja nie’Tam podoba. Będziesz potrzebował więcej cierpliwości podczas pracy z Gutenbergiem’S nie jest najprostszy UX.

Niektórzy zalecają użycie dodatku, aby uzyskać więcej elementów projektowych, takich jak Kadence. Jednak porównałem bloki kadence do cegieł i znalazłem cegły’ Wyjście kodu do czyszczenia.

Pod koniec dnia budowniczowie stron są tylko narzędziami i nie powinieneś się do nich przywiązać. Dobry programista używa odpowiedniego narzędzia do odpowiedniego zadania. Nadal nie poleciłbym cegieł klientom, którzy nie chcą się trochę uczyć. Elementor jest nadal doskonałym wyborem, jeśli zignorujesz problemy z wydajnością i okazjonalne niestabilne aktualizacje.

Wniosek

Mam nadzieję, że te wskazówki dotyczące optymalizacji pomogły ci przyspieszyć witrynę powolnego Elementora i redaktora’s wydajność.

Czy coś przegapiłem? Czy chcesz, żebym rozszerzył konkretny temat? Daj mi znać w komentarzach.

Faizan Shaikh

Faizan, założyciel Quvor, jest programistą pełnego stosu i ekspertem optymalizacji wydajności w sieci z pasją do dostarczania wysokiej jakości, szybkich i niezawodnych doświadczeń internetowych dla klientów. Faizan wygrał wiele międzynarodowych konkursów w zakresie wydajności sieci i jest uważany za autorytet w branży.

10 łatwych wskazówek, aby przyspieszyć witrynę Elementor (zaktualizowana)

Jedna sekunda, dwie sekundy,…., pięć sekund, wciąż ładowanie?

Gwizd! Zamknij kartę.

Szczerze mówiąc, nie’tknij ponad 5/6 sekund, aby załadować stronę internetową. To’po prostu nie tylko ja, prawie 53% użytkowników Don’T Podoba się stronom internetowym z prędkością ładowania 3+ sekund. To’S DLACZEGO Google deklaruje również prędkość strony jako główny czynnik rankingu. W obliczu problemów z prędkością strony Elementor.

Badając wolniejsze miejsca, my’VE zauważyli, że webmasterzy sprawiają, że ich witryny są wolniej. I, z ponad 5 milionami aktywnych instalacji, IT’udowodnił, że większość webmasterów używa Elementor jako głównego konstruktora stron internetowych.

Pozwalać’S zobacz, czy masz następujące pytania:

• Jak przyspieszyć WordPress?
• Jak poprawić prędkość witryny w WordPress?
• Jak wykonać strojenie WordPress Performance?
• Jak szybciej zwiększyć witrynę WordPress?

Dzisiaj ja’Podziel się niektórymi technikami dostrajania wydajności Pro WordPress w celu zwiększenia prędkości strony Elementor.

Pozwalać’s Zostaw piłkę i poznaj sposoby poprawy prędkości ładowania miejsca.

1. Wybierz zoptymalizowany wydajność serwer hostingowy, aby zwiększyć prędkość strony Elementor.

Twoja witryna będzie ładować się szybciej tylko wtedy, gdy silnik może włączyć Twoją witrynę. Wszystkie te wskazówki’Opisuj poniżej wygrał’T Nie rób nic dobrego dla swojej witryny, chyba że porzucisz wolniejszy serwer hostingowy.

Co sprawia, że ​​hosting jest dobry?

OK. Przede wszystkim upewnij się, że wybrana usługa hostingowa wykorzystuje aktualny sprzęt i obsługuje najnowsze oprogramowanie. W sekcji oprogramowania musi obsługiwać –

• ● PHP 7+
• ● MySQL 5.6+
• ● Pamięć 128 MB+ WordPress (zalecana 256 MB)

W sekcji sprzętowej użyj przyzwoitej usługi hostingowej, która korzysta z serwerów SSD wraz z serwerami Linux i potężnymi zaporami ogniowymi, aby przyspieszyć stronę internetową Elementor.

Czy skończyłeś z hostingiem? Pozwalać’s przejdź do drugiego etapu, aby wyeliminować elementor’S SPOWLE SEPLIKACJA.

2. Zainstaluj lekki motyw Aby ulepszyć prędkość strony Elementor.

Połączenie lekkiego motywu i szybkiego hostingu spowoduje błyskawiczną stronę internetową. Jak ty’ve już wybrałem hosting, to’czas na polowanie na lekki, ale wielofunkcyjny motyw.

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

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

Tutaj’s lista kilku lekkich motywów, aby przyspieszyć witryny WordPress.

• Gutentim – dla blogów
• Marketpress-dla wielofunkcyjnych sklepów e-commerce
• VINKMAG-dla gazet z wieloma koncepcjami
• Sassico – dla agencji
• GeneratePress – dla blogów

Aby uzyskać ogromną kolekcję motywów przyjaznych dla żywiołów, odwiedź sklep motywów XPeedStudio.

3. Miniffikuj pliki CSS i JS Dla optymalizacji prędkości strony Elementor.

Minifikowanie plików CSS i JS drastycznie poprawi prędkość witryny Elementor. Istnieją dwie taktyki do minimcji tych plików. To są –

• ➜ Conatenacja – łączy wiele plików z jednym.
• ➜ Minifikacja – usuwanie niepotrzebnych przestrzeni lub pęknięć linii.

Tutaj’s Przykład zminifikowanego vs. Niezminowany kod –

Możesz użyć wtyczki WP Rocket lub autoptimalizować do minimalizacji kodu i przyspieszania WordPress. Jeśli poprosisz o moją opinię, wolałbym WP Rocket ze względu na jej wszechstronne funkcje.

4. Zoptymalizuj swoje obrazy dla dobrej prędkości strony Elementor.

Minizacja kodu wygrana’t dużo pomaga, chyba że zoptymalizujesz swoje obrazy internetowe. Raporty archiwum HTTP, obrazy stanowią około 34% całkowitej wagi strony. W ten sposób musisz kompresować i rozmiar zdjęć, aby zapewnić przyzwoitą prędkość strony Elementor.

Istnieją dwie różne metody optymalizacji obrazu do eliminowania elementora’S SPOWLE SEPLIKACJA. To są –

● Bezstratne – zmniejsz rozmiar obrazu bez utraty jakości
● Strata – zmniejsz rozmiar obrazu, poświęcając trochę jakości

Spójrz na to zdjęcie, aby uzyskać przegląd Stroski vs. bezstratna kompresja.

Stratna i bezstronna kompresja obrazu

Oto kilka zasobów do kompresji obrazów –

• ❏ Tinypng – Strona internetowa (dobra dla kompresji bezstratej)
• ❏ Wtyczka wyobraźni – WP (bezpłatnie do 25 MB/miesiąc)
• ❏ Smush – wtyczka WP (bezpłatna kompresja bezstronna)

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

5. Spójrz na swoje wtyczki Aby przyspieszyć stronę internetową Elementor

WordPress rządzi teraz około 37.6% stron internetowych w Internecie. Aby pomóc tej ogromnej ilości stron internetowych, programistów WordPress opracowali wiele wtyczek. W tej chwili w katalogu wtyczek WordPress jest ponad 57 000.

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

Korzystanie z wielu wtyczek poważnie zaszkodzi prędkości strony Elementora. To sprawia, że ​​strona jest cięższa, a zatem witryna zajmuje więcej czasu.

Jeśli to zrobisz, usuń teraz te niepotrzebne wtyczki, aby poprawić prędkość witryny. Na pewno na pewno przyspieszy twoją stronę Elementor. Możesz znaleźć wolniejsze wtyczki, używając Pingdom Tools lub GTMetrix i pozbyć się ich jak najszybcie!

Korzystanie z zoptymalizowanych wtyczek wygranych’T Zwolnij swoją stronę internetową. Tylko te niezoptymalizowane będą.

Jeśli używasz zoptymalizowanego dodatku elementora, takiego jak ElementSkit, wygrał’T zwolnij swoją witrynę. Raczej zwiększa wydajność elementu.

6. Użyj CDN

Ilekroć ktoś odwiedza stronę internetową, pobiera dane z twojego hosta’Serwer S. Załóżmy, że Twoje centrum danych znajduje się w San Francisco, a odwiedzający mieszka także w USA. W takim przypadku strona internetowa z pewnością będzie ładować szybciej.

Ale co się stanie, jeśli odwiedzający mieszka gdzieś na Islandii? To zdecydowanie wymaga czasu. To’po prostu wspólne prawo fizyki. Im dłuższe dane odległości muszą podróżować, tym wolniej.

I tylko CDN może cię uratować przed tym problemem. CDN AKA Content Delivery Network dostarcza zawartość sieci z różnych centrów danych na całym świecie.

Ilekroć ktoś odwiedza twoją stronę, CDN załaduje dane witryny z najbliższego centrum danych. Korzystanie z CDN jest niezwykle pomocne w poprawie prędkości witryny, jeśli odwiedzający znajdują się na całym świecie. Możesz użyć Cloudflare lub Bunny CDN jako codziennego sterownika swojej witryny.

7. Buforowanie strony Aby uzyskać gładką prędkość strony Elementor.

Buforowanie strony to jedna z najlepszych rzeczy do zrobienia dla przyspieszenia witryny Elementor. Jeśli twój gospodarz nie’T ZROBIĆ to już dla swojej witryny, musisz to zrobić ręcznie.

Aby jednak poprawnie zrozumieć buforowanie strony, musisz wiedzieć, jak działa strona internetowa. Krótko mówiąc, powinieneś wiedzieć, co stanie się na Twojej stronie internetowej, gdy ktoś odwiedza Twoją witrynę.

Pamiętaj, Twoja strona WordPress ma głównie dwie części. To są –

1. Część kodowania i
2. Część bazy danych

Tak jak sama nazwa sugeruje, część kodująca zawiera głównie HTML, CSS, JS, PHP itp. A część bazy danych przechowuje dane Twojej witryny, takie jak posty na blogu, obrazy itp.

Kiedy ktoś odwiedza witrynę, Twój serwer WWW dostarcza kody HTML dla odwiedzających’ przeglądarki. Następnie przeglądarka renderuje stronę internetową i sprawia, że ​​jest widoczna dla odwiedzających’ monitor.

Ale problem polega na tym, że twój serwer WWW nie’t trzymaj ten kod HTML. Musi go zbudować. Po budowie wysyła zapytania do bazy danych, aby złożyć, która renderowała HTML. Powoduje więc dwa istotne problemy dla Twojej witryny. To są –

➔ Złożenie tych plików HTML wymaga czasu, a także dostarczenie ich do serwera.
➜ Serwer wykorzystuje stosunkowo więcej zasobów do obsługi treści.

To’s, w którym buforowanie strony staje się skuteczne. Buforowanie strony działa poprzez przechowywanie plików HTML na końcu użytkownika. Więc serwer nie musi przetwarzać tych plików backend. Zdecydowanie oszczędza dużo czasu.

Kilka wtyczek buforowania strony najwyższej jakości to-

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

Możesz użyć dowolnej z tych wtyczek, aby utworzyć buforowanie stron w swojej stronie WordPress. Wszystkie te wtyczki są dostępne w katalogu wtyczki WordPress, z wyjątkiem rakiety WP. Jeśli chcesz użyć tej wtyczki, musisz ją pobrać ręcznie na oficjalną stronę internetową.

Pamiętaj, aby zwiększyć limit pamięci WordPress, w przeciwnym razie Elementor wygrał’t Załaduj podczas korzystania z jakiejkolwiek ciężkiej wtyczki.

8. Użyj wysokowydajnych DN który obsługuje zoptymalizowaną prędkość strony Elementor.

W sekcji buforowania strony opisałem serwer’S Aktywność podczas ładowania strony internetowej. Ale czy wiesz, co robi Twoja przeglądarka, aby pokazać zawartość Twojej witryny?

Cóż, to’S całkiem proste. Przeglądarka szuka adresu IP serwera witryny i ładuje dane. Aby wykonać tę akcję, każda przeglądarka opiera się na czymś o nazwie Domena Nazwa Server AKA DNS.

Podobnie jak wolniejsza usługa hostingowa wpływa na twoją stronę, tym wolniejsze serwery nazwy również zaszkodzą Twojej witrynie’S prędkość ładowania. Jeśli używasz wolniejszego serwera nazw, znalezienie adresu IP Twojej witryny. Zatem zwiększa czas ładowania.

Możesz użyć usługi Cloudflare DNS dla swojej witryny WordPress. Cóż, ja’wybrał usługę Cloudflare DNS.

I. To’s najszybsza usługa DNS obecnie według DNSPerf’Rankingi S.
ii. To’S całkowicie bezpłatny.
iii. Łatwy w użyciu

Po prostu zarejestruj się na bezpłatne konto Cloudflare. Wtedy ty’Otrzymuj adresy Cloudflare DNS. Zmień swoje poprzednie serwery nazw na CloudFlare Symervers.

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. Sprawdź poniższy film, aby dowiedzieć się więcej o procesie dodawania nowej domeny do Cloudflare.

Sprawdzanie prędkości

Po zakończeniu wdrażania tych technik, to’czas na sprawdzenie poprawy. Możesz użyć różnych narzędzi do sprawdzania prędkości witryny.

Jeśli masz do czynienia z problemem, w którym Elementor nie’T Załaduj, zobacz szczegółowy film na temat tego, jak możesz go rozwiązać tutaj.

Nieliczne najpopularniejsze narzędzia do sprawdzania prędkości to Google Pagespeed Insights, GTMetrix, narzędzia pingdom itp.

Ostateczne słowa Aby zwiększyć prędkość strony elementu

Wszyscy uwielbiają odwiedzać superszybką stronę internetową. Tak więc praca nad przyspieszeniem witryny WordPress powinna być teraz Twoim głównym problemem. Nie tylko przymocuje prędkość ładowania witryny WordPress, ale także zwiększy ranking SERP.

Mam nadzieję, że prędkość strony Elementor stanie się szybsza po pomyślnym wdrożeniu tych technik. Daj nam znać, jeśli napotykasz jakiekolwiek kłopoty podczas pracy nad przyspieszeniem witryny WordPress.

8 komentarzy

Devid T mówi:

28 grudnia 2021 o 12:33

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

Hasib mówi:

16 maja 2022 o 11:23

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

9 stycznia 2022 o 12:29

Ta sekcja DNS dla Cloudflare jest nieprawidłowa. Korzystanie z Cloudflare DNS dla Twojej witryny wymaga przeniesienia serwerów nazwisk do Cloudflare i prawidłowe skonfigurowanie rekordów DNS witryny.

Hasib mówi:

26 września 2022 o 6:02

Witam Mike, dziękuję za opinię. Przekazujemy to do naszego zespołu redakcyjnego.

Surjo Vai mówi:

13 sierpnia 2022 o 8:03

W przypadku witryn WP wtyczka LSCache Buforing Wtyczka zwiększa prędkość witryny drastycznie.

Rafael mówi:

9 września 2022 o 7:30

Cześć, ElementSkit zwalnia moją stronę internetową, ponieważ ładuje kilka plików CSS i JS – nawet przy wszystkich dezaktywowanych.