Kilka lat temu pomogliśmy właścicielowi małej firmy, której strona WordPress traciła klientów z powodu długiego czasu ładowania. Po zastosowaniu strategii optymalizacji prędkości, którą zaraz Wam przedstawimy, czas ładowania ich strony skrócił się z 6 sekund do poniżej 2 sekund.
Szybkość ma większe znaczenie, niż większość ludzi zdaje sobie sprawę. Badania pokazują, że 53% użytkowników mobilnych porzuca strony, które ładują się dłużej niż 3 sekundy. Ponadto Google wykorzystuje szybkość strony jako czynnik rankingowy, więc wolne strony są pogrzebywane w wynikach wyszukiwania, gdzie potencjalni klienci nigdy ich nie znajdą.
Zebraliśmy wszystko, co wiemy o optymalizacji szybkości WordPressa w tym obszernym przewodniku. Niezależnie od tego, czy jesteś początkującym, czy masz pewne doświadczenie techniczne, znajdziesz strategie, które sprawią, że Twoja witryna będzie szybsza, poprawisz rankingi w wyszukiwarkach i utrzymasz zaangażowanie odwiedzających.
W przeciwieństwie do innych list „X najlepszych wtyczek do buforowania WordPress” lub ogólnych poradników „X wskazówek, jak przyspieszyć WordPress”, ten artykuł jest kompleksowym przewodnikiem po optymalizacji wydajności WordPress.
Staraliśmy się omówić wszystko, od tego, dlaczego szybkość jest ważna, po to, co spowalnia Twoją witrynę WordPress, i praktyczne kroki, które możesz podjąć, aby natychmiast poprawić szybkość swojej witryny WordPress.
Aby ułatwić Ci zadanie, stworzyliśmy spis treści, który pomoże Ci poruszać się po naszym ostatecznym przewodniku po przyspieszaniu witryny WordPress.
Spis treści
Podstawy wydajności WordPressa
- Dlaczego szybkość jest ważna dla Twojej witryny WordPress
- Jak sprawdzić szybkość swojej strony WordPress
- Co spowalnia Twoją stronę WordPress?
- Znaczenie dobrego hostingu WordPress
Przyspieszanie WordPressa w prostych krokach (bez kodowania)
Najlepsze praktyki optymalizacji wydajności WordPress
- Utrzymuj swoją witrynę WordPress zaktualizowaną
- Optymalizacja procesów w tle
- Używaj fragmentów na stronie głównej i archiwach
- Podziel komentarze na strony
- Użyj sieci dostarczania treści (CDN)
- Nie przesyłaj plików audio ani wideo bezpośrednio do WordPressa
- Użyj motywu zoptymalizowanego pod kątem szybkości
- Używaj szybszych wtyczek
Dostrajanie WordPressa pod kątem szybkości (zaawansowane)
- Podziel długie posty na strony
- Zmniejsz liczbę zewnętrznych żądań HTTP
- Zmniejsz liczbę zapytań do bazy danych
- Optymalizuj bazę danych WordPress
- Ogranicz poprawki postów
- Wyłącz hotlinking i kradzież Twoich treści
- Użyj leniwego ładowania, jeśli jest potrzebne
- Użyj zapory sieciowej na poziomie DNS
- Napraw błędy HTTPS/SSL bez wtyczki
- Użyj najnowszej wersji PHP
Dlaczego szybkość jest ważna dla Twojej witryny WordPress
Badania pokazują, że od 2000 do 2016 roku średni czas skupienia uwagi człowieka spadł z 12 sekund do 8 sekund. Obecnie wynosi średnio około 8,25 sekundy.
Co to oznacza dla Ciebie jako właściciela strony internetowej?
Oznacza to, że masz bardzo mało czasu, aby pokazać użytkownikom swoje treści i przekonać ich do pozostania na Twojej stronie internetowej WordPress.
Wolna witryna oznacza, że użytkownicy potencjalnie opuszczą Twoją stronę, zanim się załaduje.
Według studium przypadku StrangeLoop, które obejmowało Amazon, Google i inne większe strony, 1-sekundowe opóźnienie w czasie ładowania strony może prowadzić do 7% utraty konwersji, 11% mniejszej liczby wyświetleń stron i 16% spadku satysfakcji klienta.
Co więcej, Google i inne wyszukiwarki zaczęły już karać wolniejsze strony internetowe, obniżając je w wynikach wyszukiwania, co oznacza niższy ruch dla wolnych stron internetowych.
Podsumowując, jeśli chcesz więcej ruchu, subskrybentów i przychodów ze swojej witryny, musisz sprawić, aby Twoja witryna WordPress była SZYBKA!
Jak sprawdzić szybkość swojej strony WordPress
Często początkujący myślą, że ich witryna jest w porządku tylko dlatego, że nie wydaje się wolna na ich komputerze. To OGROMNY błąd.
Ponieważ często odwiedzasz swoją własną stronę internetową, nowoczesne przeglądarki, takie jak Chrome, przechowują Twoją stronę w pamięci podręcznej i automatycznie ją wstępnie pobierają, gdy tylko zaczniesz wpisywać adres. Dzięki temu Twoja strona ładuje się niemal natychmiast.
Jednak zwykły użytkownik odwiedzający Twoją witrynę po raz pierwszy może nie mieć takiego samego doświadczenia. W rzeczywistości użytkownicy w różnych lokalizacjach geograficznych będą mieli zupełnie inne doświadczenia.
Dlatego zalecamy przetestowanie prędkości swojej strony za pomocą narzędzia takiego jak test prędkości WordPress IsItWP.
Jest to bezpłatne narzędzie online, które pozwala przetestować szybkość Twojej strony internetowej.
Aby uzyskać więcej rekomendacji, zapoznaj się z naszym przewodnikiem jak prawidłowo przeprowadzić test prędkości strony internetowej.
Po przeprowadzeniu testu prędkości witryny możesz zastanawiać się, jaką prędkość witryny powinieneś osiągnąć.
Dobry czas ładowania strony to poniżej 2 sekund.
Jednak im szybciej ją zrobisz, tym lepiej. Kilka milisekund poprawy tu i ówdzie może złożyć się na skrócenie czasu ładowania o połowę, a nawet o całą sekundę.
Co spowalnia Twoją stronę WordPress?
Twój raport z testu prędkości prawdopodobnie będzie zawierał wiele zaleceń dotyczących usprawnień. Jednak większość z nich to techniczny żargon, który jest trudny do zrozumienia dla początkujących.
Poznanie tego, co spowalnia Twoją stronę internetową, jest kluczem do poprawy wydajności i podejmowania mądrzejszych długoterminowych decyzji.
Główne przyczyny wolnego działania witryny WordPress to:
- Hosting – Gdy Twój serwer hostingu nie jest odpowiednio skonfigurowany, może to negatywnie wpłynąć na szybkość Twojej witryny.
- Konfiguracja WordPress – Jeśli Twoja witryna WordPress nie serwuje stron buforowanych, przeciąży to Twój serwer i spowoduje, że Twoja witryna będzie działać wolno lub całkowicie ulegnie awarii.
- Rozmiar strony – strony ładują się wolno, jeśli używasz obrazów, które nie są zoptymalizowane pod kątem sieci.
- Złe wtyczki – Jeśli używasz wtyczki słabo napisanej, może ona znacznie spowolnić Twoją witrynę.
- Skrypty zewnętrzne – Skrypty zewnętrzne, takie jak reklamy, ładowarki czcionek itp., również mogą mieć ogromny wpływ na wydajność Twojej strony internetowej.
Teraz, gdy wiesz, co spowalnia Twoją witrynę WordPress, przyjrzyjmy się, jak przyspieszyć Twoją witrynę WordPress.
Wskazówka: Chcesz zmniejszyć liczbę wtyczek na swojej stronie? Zacznij używać WPCode, potężnej wtyczki do zarządzania fragmentami kodu dla WordPress. Z łatwością pomoże Ci zredukować co najmniej 5 wtyczek.
Znaczenie dobrego hostingu WordPress
Twoja usługa hostingu WordPress odgrywa ważną rolę w wydajności strony internetowej. Dobry dostawca hostingu współdzielonego, taki jak Bluehost lub SiteGround, podejmuje dodatkowe środki w celu optymalizacji Twojej strony internetowej pod kątem wydajności.
Jednak na hostingu współdzielonym dzielisz zasoby serwera z wieloma innymi klientami. Oznacza to, że jeśli Twoja sąsiednia witryna generuje duży ruch, może to wpłynąć na ogólną wydajność serwera, co z kolei spowolni Twoją witrynę.
Z drugiej strony, korzystanie z usługi zarządzanego hostingu WordPress zapewnia najbardziej zoptymalizowane konfiguracje serwera do uruchamiania WordPressa. Firmy oferujące zarządzany hosting WordPress oferują również automatyczne kopie zapasowe, automatyczne aktualizacje WordPressa i bardziej zaawansowane konfiguracje bezpieczeństwa w celu ochrony Twojej witryny.
Polecamy SiteGround jako naszego preferowanego dostawcę zarządzanego hostingu WordPress. Używamy ich dla bloga WPBeginner i są oni jednym z najpopularniejszych dostawców w branży. (Zobacz nasz specjalny kupon Siteground.)
Przyspieszanie WordPressa w kilku prostych krokach (bez kodowania)
Wiemy, że wprowadzanie zmian w konfiguracji strony internetowej może być przerażającą myślą dla początkujących, zwłaszcza jeśli nie jesteś geekiem technologicznym.
Ale nie martw się, są sposoby, aby sobie z tym poradzić.
Jeśli nie czujesz się komfortowo, wprowadzając zmiany na swojej stronie samodzielnie, możesz zatrudnić agencję wsparcia WordPress, która zrobi to za Ciebie.
To świetna opcja, jeśli nie jesteś biegły technicznie, nie masz czasu na samodzielne optymalizacje lub po prostu chcesz mieć całkowity spokój ducha.
Jednak pomogliśmy tysiącom użytkowników WordPressa poprawić wydajność ich witryn. Pokażemy Ci, jak możesz przyspieszyć swoją stronę WordPress za pomocą zaledwie kilku kliknięć (bez konieczności kodowania).
Jeśli potrafisz wskazywać i klikać, to potrafisz to zrobić!
Zainstaluj wtyczkę buforującą WordPress
Strony WordPress są dynamiczne. Oznacza to, że są budowane na bieżąco za każdym razem, gdy ktoś odwiedza post lub stronę w Twojej witrynie.
Aby zbudować Twoje strony, WordPress musi uruchomić proces, aby znaleźć wymagane informacje, zebrać je, a następnie wyświetlić użytkownikowi.
Ten proces obejmuje wiele kroków i może naprawdę spowolnić Twoją witrynę, gdy odwiedza ją jednocześnie wiele osób.
Dlatego zalecamy, aby każda strona WordPress korzystała z wtyczki do buforowania. Buforowanie może sprawić, że Twoja strona WordPress będzie od 2 do 5 razy szybsza.
Oto jak to działa.
Zamiast przechodzić przez cały proces generowania strony za każdym razem, wtyczka buforująca tworzy kopię strony po pierwszym załadowaniu, a następnie udostępnia tę buforowaną wersję każdemu kolejnemu użytkownikowi.
Jak widać na powyższym wykresie, gdy użytkownik odwiedza Twoją witrynę WordPress, Twój serwer pobiera informacje z bazy danych MySQL i Twoich plików PHP. Następnie składa to wszystko w treść HTML, która jest dostarczana użytkownikowi.
Jest to długi proces, ale możesz pominąć wiele jego części, korzystając z buforowania.
Dostępnych jest wiele dobrych wtyczek do buforowania WordPress, ale zalecamy użycie WP Rocket (płatna) lub WP Super Cache (bezpłatna).
Zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować i skonfigurować WP Super Cache na swojej stronie WordPress. Nie jest to trudne do skonfigurowania, a Twoi odwiedzający zauważą różnicę.
Ponadto wiele firm hostingowych WordPress, takich jak Bluehost i SiteGround, oferuje rozwiązania do buforowania.
SiteGround SG Optimizer
Jeśli korzystasz z SiteGround, Twoja witryna WordPress będzie miała preinstalowany ich SG Optimizer. Ten wtyczka posiada wszystkie potężne funkcje, które można uzyskać z wtyczki buforującej WordPress premium, takiej jak WP Rocket.
Najlepsze jest to, że jest on specjalnie zoptymalizowany pod kątem serwerów Google Cloud firmy SiteGround, aby zapewnić doskonałe wyniki wydajności.
Oprócz buforowania, otrzymujesz również różne inne ustawienia wydajności, konwersję obrazów WebP w WordPress, optymalizację bazy danych, minifikację CSS, kompresję GZIP i wiele więcej.
Posiada również funkcje buforowania dynamicznego, które pomogą Ci przyspieszyć Twoją witrynę e-commerce.
Buforowanie Bluehost
Jeśli korzystasz z Bluehost, możesz przejść do sekcji Websites » Speed, aby dostosować ustawienia buforowania.
Jeśli korzystasz z usługodawcy zarządzanego hostingu WordPress, to nie potrzebujesz wtyczki do buforowania, ponieważ jest ona wbudowana i włączona domyślnie.
Bonus: Możesz połączyć wtyczki buforujące z aplikacyjną zaporą sieciową, taką jak CloudFlare lub Sucuri, aby uzyskać maksymalne przyspieszenie wydajności.
Optymalizuj obrazy pod kątem szybkości
Obrazy ożywiają Twoje treści i pomagają zwiększyć zaangażowanie. Badania wykazały, że używanie kolorowych wizualizacji sprawia, że ludzie o 80% chętniej czytają Twoje treści.
Jednakże, jeśli Twoje obrazy nie są zoptymalizowane, mogą bardziej szkodzić niż pomagać. W rzeczywistości, niezoptymalizowane obrazy są jednym z najczęstszych problemów z prędkością, które widzimy na stronach internetowych dla początkujących.
Zanim prześlesz zdjęcie bezpośrednio z telefonu lub aparatu, zalecamy użycie oprogramowania do edycji zdjęć, aby zoptymalizować obrazy dla sieci.
W swoich oryginalnych formatach te zdjęcia mogą mieć ogromne rozmiary plików. Ale w zależności od formatu pliku obrazu i kompresji wybranej w oprogramowaniu do edycji, możesz zmniejszyć rozmiar obrazu nawet 5-krotnie.
W WPBeginner używamy tylko dwóch formatów obrazów: JPEG i PNG.
Teraz możesz się zastanawiać: jaka jest różnica?
Format obrazu PNG jest nieskompresowany. Kiedy kompresujesz obraz, traci on trochę informacji, więc nieskompresowany obraz będzie wyższej jakości z większą ilością szczegółów. Wadą jest to, że jest to większy rozmiar pliku, więc ładuje się dłużej.
JPEG z drugiej strony jest skompresowanym formatem pliku, który nieznacznie zmniejsza jakość obrazu, ale jest znacznie mniejszy.
Jak więc zdecydować, który format obrazu wybrać?
- Jeśli nasze zdjęcie lub obraz ma wiele różnych kolorów, używamy formatu JPEG.
- Jeśli jest to prostszy obraz lub potrzebujemy obrazu z przezroczystością, używamy PNG.
Poniżej znajduje się tabela porównująca rozmiary plików uzyskane przez różne narzędzia kompresji na jednym konkretnym obrazie.
Jak widać na wykresie, format obrazu, którego używasz, może mieć OGROMNY wpływ na rozmiar pliku, a to wpłynie na wydajność Twojej witryny.
Szczegółowe informacje na temat optymalizacji obrazów za pomocą programu Photoshop i innych popularnych narzędzi do edycji, bez utraty jakości, znajdziesz w naszym przewodniku krok po kroku na temat optymalizacji obrazów pod kątem wydajności sieci bez utraty jakości.
Najlepsze praktyki optymalizacji wydajności WordPress
Po zainstalowaniu wtyczki buforującej i zoptymalizowaniu obrazów zauważysz, że Twoja strona zacznie ładować się znacznie szybciej.
Ale jeśli naprawdę chcesz, aby Twoja strona internetowa działała jak najszybciej, będziesz musiał zastosować najlepsze praktyki wymienione poniżej.
Te wskazówki nie są zbyt techniczne, więc nie musisz znać żadnego kodu, aby je wdrożyć. Ale ich zastosowanie pozwoli uniknąć powszechnych problemów, które spowolnią Twoją stronę internetową.
Utrzymuj swoją witrynę WordPress zaktualizowaną
Jako dobrze utrzymany projekt open-source, WordPress jest często aktualizowany. Każda aktualizacja nie tylko zaoferuje nowe funkcje, ale także naprawi problemy z bezpieczeństwem i błędy. Twoje motywy i wtyczki WordPress również mogą mieć regularne aktualizacje.
Jako właściciel strony internetowej, jesteś odpowiedzialny za aktualizowanie swojej strony WordPress, motywu i wtyczek do najnowszych wersji. Niewykonanie tego może sprawić, że Twoja strona będzie działać wolno i zawodnie, a także narazić Cię na zagrożenia bezpieczeństwa.
Więcej szczegółów na temat znaczenia aktualizacji znajdziesz w naszym artykule o tym, dlaczego zawsze powinieneś używać najnowszej wersji WordPressa.
Optymalizacja procesów w tle
Procesy w tle w WordPressie to zaplanowane zadania, które działają w tle Twojej witryny WordPress. Poniżej znajdują się przykłady zadań w tle, które są wykonywane na witrynie WordPress:
- Zadania wtyczki do tworzenia kopii zapasowych WordPress
- Zadania cron w WordPress do publikowania zaplanowanych postów
- Zadania cron WordPress do sprawdzania aktualizacji
- Wyszukiwarki i inne roboty próbujące pobrać zawartość
Zadania takie jak zadania cron dla zaplanowanych postów i aktualizacji mają minimalny wpływ na wydajność witryny.
Jednak inne procesy w tle, takie jak wtyczki do tworzenia kopii zapasowych i nadmierne indeksowanie przez wyszukiwarki, mogą spowolnić działanie strony internetowej.
Musisz upewnić się, że Twój plugin do tworzenia kopii zapasowych WordPressa działa tylko w okresach niskiego ruchu na Twojej stronie internetowej. Musisz również dostosować częstotliwość tworzenia kopii zapasowych i dane, które wymagają kopii zapasowej.
Na przykład, jeśli tworzysz pełną codzienną kopię zapasową, a nowe treści publikujesz tylko dwa razy w tygodniu, musisz to dostosować.
Jeśli chcesz częstszych kopii zapasowych, takich jak kopie zapasowe w czasie rzeczywistym, zalecamy użycie rozwiązania SaaS, takiego jak BlogVault, aby nie obciążać serwera.
Jeśli chodzi o indeksowanie, musisz zwracać uwagę na raporty indeksowania w Google Search Console. Częste indeksowanie, które skutkuje błędami, może spowolnić działanie witryny lub sprawić, że stanie się ona nieodpowiadająca.
Zobacz nasz kompletny przewodnik po Google Search Console, aby dowiedzieć się, jak dostosować szybkość indeksowania.
Używaj fragmentów na stronie głównej i archiwach
Domyślnie WordPress wyświetla pełną treść każdego artykułu na Twojej stronie głównej i archiwach. Oznacza to, że Twoja strona główna, kategorie, tagi i inne strony archiwów będą ładować się wolniej.
Inną wadą pokazywania pełnych artykułów na tych stronach jest to, że użytkownicy nie czują potrzeby odwiedzania faktycznego artykułu. Może to zmniejszyć liczbę wyświetleń stron i czas, który użytkownicy spędzają na Twojej stronie.
Aby przyspieszyć czas ładowania stron archiwum, możesz ustawić swoją witrynę tak, aby wyświetlała fragmenty zamiast pełnej treści.
Możesz przejść do Ustawienia » Czytanie i wybrać „Wycinek” zamiast „Pełny tekst” obok ustawienia dotyczącego tego, co powinno być wyświetlane dla każdego artykułu w kanale.
Więcej szczegółów na temat zalet i wad wyświetlania podsumowań znajdziesz w naszym artykule na temat pełnego posta vs podsumowania (wycinka) na Twoich stronach archiwum WordPress.
Podziel komentarze na strony
Otrzymujesz dużo komentarzy pod swoimi postami na blogu? Gratulacje! To świetny wskaźnik zaangażowanej publiczności.
Ale wadą jest to, że ładowanie wszystkich tych komentarzy może wpłynąć na szybkość Twojej witryny.
WordPress posiada wbudowane rozwiązanie do tego celu. Po prostu przejdź do Ustawienia » Dyskusja i zaznacz pole obok opcji „Podziel komentarze na strony”.
Bardziej szczegółowe instrukcje znajdziesz w naszym przewodniku na temat stronicowania komentarzy w WordPress.
Użyj sieci dostarczania treści (CDN)
Pamiętasz, jak wspomnieliśmy powyżej, że użytkownicy w różnych lokalizacjach geograficznych mogą doświadczać różnych czasów ładowania na Twojej stronie?
Dzieje się tak, ponieważ lokalizacja Twoich serwerów hostingowych WordPress może mieć wpływ na szybkość Twojej witryny.
Na przykład, powiedzmy, że Twoja firma hostingowa ma swoje serwery w Stanach Zjednoczonych. Odwiedzający, który również znajduje się w Stanach Zjednoczonych, zazwyczaj zobaczy szybszy czas ładowania niż odwiedzający z Indii.
Korzystanie z sieci dostarczania treści (CDN) może pomóc przyspieszyć czas ładowania dla wszystkich Twoich odwiedzających.
CDN to sieć składająca się z serwerów na całym świecie. Każdy serwer będzie przechowywał pliki statyczne używane do tworzenia Twojej witryny.
Te pliki statyczne obejmują niezmienne pliki, takie jak obrazy, CSS i JavaScript, w przeciwieństwie do Twoich stron WordPress, które są dynamiczne, jak wyjaśniono powyżej.
Kiedy korzystasz z sieci CDN, za każdym razem, gdy użytkownik odwiedza Twoją witrynę, statyczne pliki są mu dostarczane z serwera, który jest mu najbliżej. Twój własny serwer hostingowy również będzie szybszy, ponieważ sieć CDN wykonuje dużą część pracy.
Możesz zobaczyć, jak to działa, na tej infografice.
Zalecamy korzystanie z Bunny CDN, Cloudflare (bezpłatnie) lub Envira CDN (szczególnie dla obrazów).
CDN dobrze współpracuje ze stronami WordPress i uzupełnia Twoje istniejące wtyczki buforujące WordPress, zapewniając jeszcze szybsze ładowanie.
Nie przesyłaj plików audio ani wideo bezpośrednio do WordPressa
Możesz bezpośrednio przesyłać pliki audio i wideo na swoją stronę WordPress, a ona automatycznie wyświetli je w odtwarzaczu HTML5...
Ale NIGDY nie powinieneś tego robić!
Hostowanie plików audio i wideo będzie kosztować Cię przepustowość. Firma hostingowa może naliczyć opłaty za przekroczenie limitu, a nawet może całkowicie wyłączyć Twoją witrynę, nawet jeśli Twój plan obejmuje „nieograniczoną” przepustowość.
Hostowanie dużych plików multimedialnych również znacznie zwiększa rozmiary kopii zapasowych i utrudnia przywrócenie WordPress z kopii zapasowej.
Zamiast tego powinieneś użyć usługi hostingu audio i wideo, takiej jak YouTube, Vimeo, DailyMotion lub SoundCloud, i pozwolić im zająć się ciężką pracą. Mają na to przepustowość!
WordPress ma wbudowaną funkcję osadzania filmów, więc możesz skopiować i wkleić adres URL swojego filmu bezpośrednio do swojego wpisu, a zostanie on automatycznie osadzony.
Dowiedz się więcej o tym, jak to działa, w naszym przewodniku na temat osadzania filmów w WordPressie.
Jeśli tworzysz stronę podcastu z WordPress, to polecamy usługę hostingu podcastów Blubrry dla najlepszej wydajności.
Użyj motywu zoptymalizowanego pod kątem szybkości
Wybierając motyw dla swojej strony internetowej, ważne jest, aby zwrócić szczególną uwagę na optymalizację prędkości. Niektóre piękne i imponujące motywy są w rzeczywistości źle zakodowane i mogą znacznie spowolnić Twoją stronę.
Zazwyczaj lepiej wybrać prostszy motyw niż taki, który jest przeładowany złożonymi układami, efektownymi animacjami i innymi niepotrzebnymi funkcjami. Zawsze możesz dodać te funkcje za pomocą wysokiej jakości wtyczek WordPress.
Sklepy z motywami WordPress premium, takie jak aThemes, Themify, CSSIgniter i Astra, oferują motywy, które są dobrze napisane i zoptymalizowane pod kątem szybkości. Możesz również zapoznać się z naszym artykułem na temat wyboru idealnego motywu WordPress, aby uzyskać porady, na co zwrócić uwagę.
Zanim aktywujesz swój nowy motyw, zapoznaj się z naszym przewodnikiem jak poprawnie przełączyć motyw WordPress, aby zapewnić płynne przejście.
Używaj szybszych wtyczek
Źle napisane wtyczki WordPress często dodają dużo obciążenia, niezależnie od tego, czy Twoja witryna faktycznie potrzebuje wtyczki, czy nie. Zwiększa to szybkość ładowania strony i spowalnia witrynę.
Aby pomóc Ci wybrać najlepsze wtyczki, często publikujemy nasze zestawienia najlepszych wtyczek WordPress. Szczególną uwagę zwracamy na łatwość obsługi, doświadczenie użytkownika, a co najważniejsze, wydajność.
Oto kilka naszych najlepszych wyborów dla najpopularniejszych kategorii wtyczek WordPress:
- WPForms – najszybsza i najbardziej przyjazna dla początkujących wtyczka formularza kontaktowego dla WordPressa.
- All in One SEO – Potężna wtyczka SEO dla WordPressa, która kładzie nacisk na wydajność witryny, aby pomóc Ci uzyskać wyższe pozycje w rankingu SEO.
- MonsterInsights – najlepszy plugin Google Analytics dla WordPress, który nie spowalnia Twojej witryny. Zawiera nawet opcje lokalnego ładowania gtag.js, aby przyspieszyć wyniki Google Core Web Vitals.
- Novashare – Wiele wtyczek mediów społecznościowych ładuje dodatkowe skrypty i nie robi tego zbyt elegancko. Novashare jest jedną z najszybszych wtyczek mediów społecznościowych dla WordPressa.
- SeedProd – wtyczka do tworzenia stron docelowych WordPress typu „przeciągnij i upuść”, która pomaga tworzyć błyskawicznie szybkie strony docelowe, a nawet projektować cały motyw od podstaw.
Oprócz naszych własnych rekomendacji, możesz również przeprowadzić własne testy. Po prostu uruchom testy prędkości przed i po zainstalowaniu wtyczki, aby porównać jej wpływ na wydajność. Więcej szczegółów znajdziesz w naszym przewodniku na temat jak przeprowadzić test prędkości strony WordPress.
Możesz również skorzystać z tego tutorialu, aby dowiedzieć się, które wtyczki WordPress spowalniają Twoją witrynę.
Dostrajanie WordPressa pod kątem szybkości (zaawansowane)
Stosując najlepsze praktyki optymalizacji WordPress i podstawowe wskazówki dotyczące szybkości wymienione powyżej, powinieneś zauważyć znaczną poprawę czasu ładowania swojej witryny.
Ale liczy się każda ułamek sekundy. Jeśli chcesz uzyskać jak najszybszą możliwą prędkość, będziesz chciał wprowadzić kilka dodatkowych zmian.
Poniższe wskazówki są nieco bardziej techniczne, a niektóre wymagają modyfikacji plików witryny lub podstawowej znajomości PHP.
Upewnij się również, że najpierw wykonasz kopię zapasową swojej witryny na wszelki wypadek.
Podziel długie posty na strony
Czytelnicy zazwyczaj uwielbiają dłuższe i bardziej szczegółowe posty na blogu. Dłuższe posty często zajmują wyższe pozycje w wyszukiwarkach.
Ale jeśli publikujesz długie artykuły z wieloma obrazami, mogą one negatywnie wpływać na czas ładowania strony.
Zamiast tego rozważ podzielenie dłuższych postów na wiele stron.
WordPress posiada wbudowaną funkcjonalność, która to umożliwia. Po prostu dodaj blok podziału strony w swoim artykule tam, gdzie chcesz rozpocząć nową stronę.
Aby uzyskać bardziej szczegółowe instrukcje, zobacz nasz samouczek dotyczący paginacji wpisów – jak podzielić wpisy WordPress na wiele stron.
Zmniejsz liczbę zewnętrznych żądań HTTP
Wiele wtyczek i motywów WordPress ładuje wszelkiego rodzaju pliki z innych stron internetowych. Pliki te mogą obejmować skrypty, arkusze stylów i obrazy z zewnętrznych zasobów, takich jak Google, Facebook, usługi analityczne itp.
W porządku jest użyć kilku z nich. Wiele z tych plików jest zoptymalizowanych do jak najszybszego ładowania, więc jest to szybsze niż hostowanie ich na własnej stronie internetowej.
Ale jeśli Twoje wtyczki generują wiele takich żądań, może to znacznie spowolnić Twoją witrynę.
Możesz zmniejszyć te zewnętrzne żądania HTTP, wyłączając skrypty i style lub łącząc je w jeden plik.
Więcej szczegółów znajdziesz w samouczku, jak wyłączyć pliki CSS i JavaScript wtyczek.
Zmniejsz liczbę zapytań do bazy danych
Niestety, istnieje wiele źle napisanych motywów WordPress. Ignorują one standardowe praktyki WordPress i kończą się bezpośrednimi zapytaniami do bazy danych lub zbyt wieloma niepotrzebnymi żądaniami do bazy danych.
Może to naprawdę spowolnić działanie serwera, dając mu zbyt dużo pracy.
Nawet dobrze napisane motywy mogą zawierać kod, który wykonuje wywołania bazy danych tylko po to, aby uzyskać podstawowe informacje o Twoim blogu.
Uwaga: Ten krok jest nieco bardziej techniczny i wymaga podstawowej wiedzy o PHP i plikach szablonów WordPress.
W tym przykładzie za każdym razem, gdy widzisz <?php, jest to początek nowego zapytania do bazy danych:
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>
charset=<?php bloginfo('charset'); ?>" />
Nie możesz winić twórców motywów. Po prostu nie mają innego sposobu, aby dowiedzieć się, w jakim języku jest Twoja witryna.
Ale jeśli dostosowujesz swoją witrynę za pomocą motywu potomnego, możesz zastąpić te wywołania bazy danych konkretnymi informacjami. Zmniejszy to wszystkie te wywołania bazy danych.
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Możesz przejrzeć swój motyw nadrzędny pod kątem takich przypadków, które można łatwo zastąpić informacjami statycznymi.
Optymalizuj bazę danych WordPress
Po pewnym czasie korzystania z WordPress Twoja baza danych będzie zawierać wiele informacji, których prawdopodobnie już nie potrzebujesz. Aby poprawić wydajność, możesz zoptymalizować bazę danych, aby pozbyć się wszystkich tych niepotrzebnych informacji.
Można to łatwo zarządzać za pomocą wtyczki WP-Sweep lub wtyczki WP-Optimize. Oba narzędzia pozwalają na czyszczenie bazy danych WordPress poprzez usuwanie takich elementów jak usunięte posty, rewizje, nieużywane tagi itp. Wtyczki te zoptymalizują również strukturę Twojej bazy danych jednym kliknięciem.
Zobacz nasz przewodnik, jak zoptymalizować bazę danych WordPress w celu poprawy wydajności.
Ogranicz poprawki postów
Poprawki wpisów zajmują miejsce w bazie danych WordPress. Niektórzy użytkownicy uważają, że poprawki mogą również wpływać na niektóre zapytania do bazy danych uruchamiane przez wtyczki. Jeśli wtyczka nie wyklucza specyficznie poprawek wpisów, może spowolnić Twoją witrynę, niepotrzebnie przeszukując je.
Możesz łatwo ograniczyć liczbę rewizji, które WordPress przechowuje dla każdego artykułu. Wystarczy dodać tę linię kodu do pliku wp-config.php:
define( 'WP_POST_REVISIONS', 4 );
Ten kod ograniczy WordPress do zapisywania tylko 4 ostatnich wersji każdego wpisu lub strony, a starsze wersje zostaną automatycznie odrzucone.
Wyłącz hotlinking i kradzież Twoich treści
Jeśli tworzysz wysokiej jakości treści na swojej stronie WordPress, to smutna prawda jest taka, że prędzej czy później zostaną one prawdopodobnie skradzione.
Jednym ze sposobów, w jaki się to dzieje, jest sytuacja, gdy inne witryny wyświetlają Twoje obrazy bezpośrednio z ich adresów URL w Twojej witrynie, zamiast przesyłać je na własne serwery. W efekcie kradną przepustowość Twojego hostingu internetowego, a Ty nie otrzymujesz żadnego ruchu w zamian.
Po prostu dodaj ten kod do swojego pliku .htaccess, aby zablokować hotlinking obrazów z Twojej witryny:
#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
Nie zapomnij zmienić wpbeginner.com na swoją własną domenę.
Możesz również zapoznać się z naszym artykułem pokazującym, jak zapobiegać kradzieży obrazów w WordPress.
Niektóre strony internetowe zajmujące się zeskrobywaniem treści automatycznie tworzą posty, kradnąc Twoje treści z Twojego kanału RSS. Możesz zapoznać się z naszym przewodnikiem na temat zapobiegania zeskrobywaniu treści bloga w WordPressie, aby dowiedzieć się, jak radzić sobie z automatycznym kradzieżą treści.
Użyj leniwego ładowania, jeśli jest potrzebne
Jeśli dodasz wiele obrazów, wiele osadzonych filmów i galerie zdjęć do swoich wpisów na blogu, Twoja witryna może skorzystać z leniwego ładowania.
Zamiast ładować wszystkie obrazy i filmy naraz, leniwe ładowanie pobiera tylko te, które będą widoczne na ekranie użytkownika. Zastępuje wszystkie inne obrazy i osadzone filmy obrazkiem zastępczym.
Gdy użytkownik przewija w dół, Twoja witryna ładuje obrazy, które są teraz widoczne w obszarze widzenia przeglądarki. Możesz leniwie ładować obrazy, filmy, a nawet komentarze i grawatary WordPress.
Więcej informacji znajdziesz w naszym przewodniku na temat jak łatwo ładować obrazy w WordPressie, gdzie omawiamy, jak to zrobić za pomocą wtyczek WP Rocket i Optimole.
W przypadku komentarzy WordPress, zapoznaj się z naszym przewodnikiem na temat jak łatwo leniwie ładować komentarze w WordPress.
Użyj zapory sieciowej na poziomie DNS
Wtyczka zapory sieciowej WordPress pomaga blokować ataki siłowe, próby włamań i złośliwe oprogramowanie. Jednak nie wszystkie wtyczki zapory sieciowej są takie same.
Niektóre z nich działają na Twojej stronie internetowej, co oznacza, że atakujący mogą dotrzeć do Twojego serwera WWW, zanim zostaną zablokowani. Jest to nadal skuteczne pod względem bezpieczeństwa, ale nie optymalne pod względem wydajności.
Dlatego zalecamy korzystanie z zapory sieciowej na poziomie DNS, takiej jak Cloudflare lub Sucuri. Te zapory blokują złośliwe żądania, zanim jeszcze dotrą do Twojej witryny.
Napraw błędy HTTPS/SSL bez wtyczki
Jeśli przenosisz swoją stronę na HTTPS/SSL, prawdopodobnie napotkasz błędy mieszanej zawartości.
Najprostszym sposobem na rozwiązanie tego problemu jest zainstalowanie wtyczki takiej jak Really Simple SSL. Jednak problem polega na tym, że ta wtyczka najpierw przechwytuje wszystkie adresy URL, a następnie zmienia je na HTTPS przed wysłaniem ich do przeglądarek użytkowników.
Ma to niewielki, ale zauważalny wpływ na wydajność. Możesz to zredukować, ręcznie poprawiając wszystkie adresy URL. Więcej szczegółów znajdziesz w naszym artykule na temat naprawiania typowych problemów z SSL w WordPressie.
Użyj najnowszej wersji PHP
WordPress jest głównie napisany w języku programowania PHP. Jest to język po stronie serwera, co oznacza, że jest instalowany i działa na Twoim serwerze hostingowym.
Wszystkie dobre firmy hostingowe WordPress używają najbardziej stabilnej wersji PHP na swoich serwerach. Jednak Twoja firma hostingowa może używać nieco starszej wersji PHP.
Nowsza wersja PHP 8.3 jest o 42% szybsza od swoich poprzedników. To ogromny wzrost wydajności, z którego Twoja strona internetowa musi skorzystać.
Możesz sprawdzić, której wersji PHP używa Twoja witryna, korzystając z wtyczki Version Info.
Po aktywacji wtyczka wyświetli Twoją wersję PHP w stopce panelu administracyjnego WordPress.
Jeśli Twoja strona internetowa korzysta z wersji PHP niższej niż 7, poproś swojego dostawcę hostingu o jej zaktualizowanie. Jeśli nie są w stanie tego zrobić, nadszedł czas, aby znaleźć nową firmę hostingową WordPress.
To wszystko! Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak poprawić szybkość i wydajność WordPress.
Wypróbuj te techniki. Nie zapomnij przetestować szybkości swojej witryny przed i po wdrożeniu tych najlepszych praktyk. Zaskoczy Cię, jak te zmiany poprawią wydajność Twojego WordPressa.
Najczęściej zadawane pytania dotyczące wydajności WordPressa
Oto najczęściej zadawane pytania dotyczące optymalizacji szybkości WordPress. Te odpowiedzi pomogą Ci zrozumieć kluczowe koncepcje i rozwiać wszelkie wątpliwości dotyczące przyspieszenia Twojej witryny.
Jaki jest dobry czas ładowania strony dla witryny WordPress?
Dobry czas ładowania strony to poniżej 2 sekund. Jednak im szybciej uda Ci się przyspieszyć swoją witrynę, tym lepiej. Badania pokazują, że 53% użytkowników mobilnych porzuca strony, które ładują się dłużej niż 3 sekundy. Nawet niewielkie usprawnienia o kilka milisekund mogą przełożyć się na znaczące zyski prędkości i lepsze wrażenia użytkownika.
2. Jak sprawdzić aktualną prędkość mojej witryny WordPress?
Możesz przetestować szybkość swojej witryny za pomocą narzędzi takich jak WordPress Speed Test, GTMetrix lub Google PageSpeed Insights. Ważne jest, aby testować z różnych lokalizacji, ponieważ użytkownicy w różnych obszarach geograficznych mogą doświadczać różnych czasów ładowania. Unikaj testowania tylko z własnego komputera, ponieważ przeglądarki buforują Twoją witrynę i sprawiają, że wydaje się ona szybsza, niż jest w rzeczywistości dla nowych odwiedzających.
3. Jakie są główne czynniki spowalniające witryny WordPress?
Główne przyczyny wolnego działania stron WordPress to słaby hosting, brak buforowania, niezoptymalizowane obrazy, źle napisane wtyczki i skrypty zewnętrzne. Dodatkowo, czynniki takie jak zbyt wiele zapytań do bazy danych, niezoptymalizowane motywy i nadmierne procesy w tle mogą znacząco wpłynąć na wydajność Twojej witryny.
4. Czy potrzebuję wtyczki do buforowania, jeśli mój dostawca hostingu oferuje buforowanie?
Jeśli korzystasz z zarządzanego hostingu WordPress, buforowanie jest zazwyczaj wbudowane i zoptymalizowane pod kątem ich serwerów, więc zazwyczaj nie potrzebujesz dodatkowego wtyczki do buforowania. Jednak jeśli korzystasz z hostingu współdzielonego, zainstalowanie wtyczki do buforowania, takiej jak WP Super Cache lub WP Rocket, może sprawić, że Twoja witryna będzie od 2 do 5 razy szybsza, serwując buforowane wersje Twoich stron zamiast generować je dynamicznie za każdym razem.
5. Jak dużą różnicę w prędkości witryny robi optymalizacja obrazów?
Optymalizacja obrazów może mieć ogromny wpływ na szybkość ładowania Twojej witryny. Nieoptymalizowane obrazy są jednym z najczęstszych problemów z szybkością na stronach dla początkujących. Wybierając odpowiedni format obrazu (JPEG dla kolorowych obrazów, PNG dla prostych obrazów) i odpowiednio kompresując obrazy, możesz zmniejszyć rozmiar plików nawet 5-krotnie bez utraty jakości.
6. Czy instalowanie zbyt wielu wtyczek spowolni moją witrynę WordPress?
Niekoniecznie. Liczba wtyczek nie ma tak dużego znaczenia, jak ich jakość. Dobrze napisane wtyczki mają minimalny wpływ na wydajność, podczas gdy źle napisane wtyczki mogą znacząco spowolnić Twoją stronę, niezależnie od tego, ile ich masz zainstalowanych. Skup się na używaniu renomowanych wtyczek od zaufanych deweloperów i regularnie testuj szybkość swojej strony podczas dodawania nowych wtyczek.
Możesz również zapoznać się z naszym przewodnikiem na temat jak przyspieszyć swoją witrynę eCommerce oraz naszym wyborem najlepszych alternatyw dla GoDaddy, które są tańsze i bardziej niezawodne.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
haim
Chcę uzyskać wynik Google Page Speed
Wszystkie sugestie są zielone
Co powinienem z tym zrobić
Wsparcie WPBeginner
W przypadku wyniku Google Page Speed Score musisz uruchomić ich test prędkości strony, a narzędzie poinformuje Cię, co uważa za problem, i w zależności od tego, co zostanie uznane za problem, powie Ci, co należy zmienić na Twojej stronie.
Admin
Sham Sasa
Świetny przewodnik! Przykład przed/po zmniejszeniu czasu ładowania z 6 sekund do poniżej 2 sekund naprawdę podkreśla, dlaczego szybkość ma znaczenie.
Ogromne podziękowania dla zespołu WPBeginner za utrzymanie go w praktycznym wymiarze na każdym poziomie umiejętności (pozdrawiam podział na „Bez kodowania” i „Zaawansowane”).
Wsparcie WPBeginner
Glad you found the article helpful
Admin
Josh M
Świetny artykuł. Będę chciał do niego wracać w przyszłości. Dzięki!
Wsparcie WPBeginner
You’re welcome!
Admin
Kzain
to jest dużo wtyczek, co myślisz, ile z nich jest niezbędnych dla WordPressa? Czy posiadanie zbyt wielu wtyczek nie spowalnia strony? tutaj się zatrzymuję, nie mogę zdecydować, ile wystarczy dla wydajności i bezpieczeństwa.
Wsparcie WPBeginner
Jeśli chodzi o to, ile wtyczek zainstalować na swojej stronie, polecamy zapoznać się z naszym poniższym postem!
https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Admin
Jiří Vaněk
Obecnie mam 40 wtyczek na mojej stronie internetowej i wszystko nadal działa płynnie. Nie chodzi o liczbę wtyczek, ale o ich jakość. Kiedyś zadawałem sobie to samo pytanie: Ile wtyczek to za dużo? Ale nie ma jednoznacznej odpowiedzi. Zależy to od wydajności serwera i jakości wtyczek. Spośród tych 40, 10 to wtyczki płatne, gdzie wiem, że deweloper włożył wysiłek, aby je udoskonalić. W przypadku pozostałych zawsze starannie wybieram na podstawie tego, jak deweloper reaguje na zmiany w WordPressie, ocen i zapewnianego wsparcia. Jeśli poświęcisz czas na mądry wybór wtyczek, ich liczba nie ma tak dużego znaczenia. Oczywiście, jest pewna granica, ale przekonanie, że szybka witryna WordPress może mieć tylko do 20 wtyczek, jest mitem. Moja witryna jest tego dowodem. Więc nie bój się – po prostu wybieraj bardziej przemyślanie i strategicznie.
Kzain
Tak, masz rację. Często widziałem wzmiankę o „limicie 20 pluginów”, ale jasne jest, że nie jest to sztywna zasada. Właściwe zarządzanie pluginami i solidne środowisko hostingowe są kluczowymi czynnikami.
Moinuddin Waheed
Tak, zgadzam się całkowicie, ponieważ mam ponad 25 wtyczek i nie ma żadnych problemów z wydajnością i szybkością.
Jedną rzeczą, którą stosuję w kwestii instalacji wtyczek, jest badanie wtyczki i jej aktualizacji oraz aktywności deweloperów w zakresie aktualizacji i bezpieczeństwa, aby upewnić się, że wszystko przebiega płynnie.
Artykuły wpbeginner w tym zakresie są bardzo pomocne, ponieważ zawierają porównawczą analizę różnych wtyczek z ich zaletami i wadami.
Chris
W odniesieniu do wyłączenia hotlinkingu i kradzieży Twoich treści, w głównym katalogu znajduje się plik .htaccess. Czy kod należy dodać do tego pliku, czy utworzyć nowy plik?
Wsparcie WPBeginner
You would add the code to your existing htaccess file instead of making a new file
Admin
Jiří Vaněk
Chciałbym zwrócić uwagę na ważny fakt dotyczący WordPressa i pliku .htaccess. Ten plik w WordPressie zawiera dyrektywy umieszczone między liniami # BEGIN WordPress i # END WordPress. Nie wstawiaj swojego kodu między te linie. Są to linie WordPressa i jeśli wstawisz między nie swoje dyrektywy, ryzykujesz, że WordPress je usunie po aktualizacji do nowej wersji. Zawsze wstawiaj swoje dyrektywy przed linią # BEGIN WordPress lub po linii # END WordPress. Nigdy pomiędzy. Mówię z własnego doświadczenia, kiedy WordPress ciągle usuwał moje dyrektywy i nie wiedziałem dlaczego.
Moinuddin Waheed
Dziękuję Jiri Vanek za tę przydatną sztuczkę.
Zdałem sobie również sprawę, że z każdą aktualizacją wszystko, co dodano w pliku .htaccess, jest usuwane i nigdy nie znałem tego powodu.
Dziękuję za tę cenną informację i pomoc.
Dayo Olobayo
Czy mogę również dodać, że przed wprowadzeniem jakichkolwiek zmian w pliku .htaccess kluczowe jest utworzenie kopii zapasowej. W ten sposób, jeśli coś pójdzie nie tak i Twoja strona internetowa będzie działać nieprawidłowo, możesz ją łatwo przywrócić.
Dennis Muthomi
Fantastyczny przewodnik, WPBeginner! Zawsze uważam Twoje poradniki za niezwykle pomocne i pouczające.
Wskazówka dotycząca korzystania z sieci dostarczania treści (CDN) naprawdę przykuła moją uwagę. Po przeczytaniu Twojej rady postanowiłem przełączyć się na Cloudflare i zintegrować go z moją stroną WordPress. Proces konfiguracji był zaskakująco łatwy, a rezultaty niesamowite!
Moja ocena Page Speed Insights wzrosła z 61 do imponujących 97. Nie mogłem być szczęśliwszy z wyniku.
Dziękuję za dostarczanie najlepszych wskazówek dotyczących WordPress i bycie głównym źródłem informacji dla społeczności.
Wsparcie WPBeginner
Cieszymy się, że nasza rekomendacja była pomocna!
Admin
Hajjalah
Ten artykuł okazał się bardzo pomocny dla mojego nowego bloga. Postępując zgodnie z tym przewodnikiem, udało mi się w bardzo prosty sposób zwiększyć prędkość mojego bloga. Jedyną funkcją, której jeszcze nie wdrożyłem, jest leniwe ładowanie obrazów, ponieważ słyszałem, że niektórzy użytkownicy tego nienawidzą, a ponieważ wciąż zbieram użytkowników, mam nadzieję, że użyję jej później, gdy mój blog będzie się rozwijał. Na szczęście WPBeginner uczynił mnie ekspertem WordPress!
Wsparcie WPBeginner
Cieszę się, że nasz przewodnik był pomocny!
Admin
Moinuddin Waheed
Myślę, że wybór odpowiedniego dostawcy hostingu jest jednym z głównych czynników wpływających na szybkość i wydajność strony internetowej.
Jeśli ma się złego dostawcę hostingu, niezależnie od tego, jakie optymalizacje się wprowadza, strona internetowa w każdej chwili może mieć problemy.
Należy jednak pamiętać, że inne czynniki wymienione w tym artykule jako najlepsze praktyki są również ważnymi kwestiami dla wydajności i szybkości strony internetowej.
Kushal Phalak
Czy możesz udzielić jakiejś rady, jak zmniejszyć liczbę elementów DOM? Przetestowałem wydajność mojej strony w Google PageSpeed Insights i zasugerowano mi zmniejszenie liczby elementów DOM. Ale moja strona jest dość minimalistyczna i nie wiem, skąd biorą się dodatkowe elementy DOM.
Wsparcie WPBeginner
Rozmiar Twojego DOM jest zazwyczaj określany przez Twój motyw lub kreatora stron, ponieważ pochodzi z kodu HTML Twojego motywu.
Admin
Ralph
Nadmierny rozmiar DOM nie jest zbyt przyjemny do rozwiązania.
Najprostszym sposobem myślenia o elementach DOM jest „rzeczy umieszczone na stronie”. Są to albo rzeczy, które umieściłeś na stronie, albo rzeczy, które umieścił na stronie kreator Twojej strony (niektóre edytory typu „przeciągnij i upuść” dodają wiele elementów DOM).
Biorąc pod uwagę to, co wspomniałeś o swojej stronie jako dość minimalistycznej, nie wygląda na to, abyś umieszczał wiele elementów na swoich stronach podczas ich tworzenia, więc zgaduję, że używasz konstruktora stron, który dodaje wiele elementów DOM. Bardzo szybkim (choć nieco niejasnym) sposobem sprawdzenia może być odwiedzenie strony w swojej witrynie, kliknięcie prawym przyciskiem myszy, wyświetlenie źródła, naciśnięcie Ctrl+F (znajdź na stronie), a następnie wyszukanie nazwy swojego konstruktora stron. Jeśli zostanie znalezionych wiele wzmianek, prawdopodobnie to konstruktor stron przyczynia się do nadmiernego rozmiaru DOM.
Jeśli ustalisz, co dodaje wiele elementów DOM do Twojej strony, będziesz miał pewien kierunek działania, aby rozwiązać ten problem.
Niektóre kreatory stron mają opcje, które mogą pomóc zmniejszyć rozmiar DOM (musiałbyś sprawdzić), ale niektóre nie mają, a jeśli nie mają, pozostaje Ci niewiele wyboru, jak tylko przebudować swoją witrynę, używając innego kreatora stron. Może to być spora praca. Skonfigurowanie witryny stagingowej, a następnie użycie narzędzia eksportu/importu Wordpress do sklonowania treści do witryny stagingowej zmniejszy ilość pracy, którą musisz wykonać, ale najprawdopodobniej nadal będziesz musiał sprawdzić i ewentualnie przepracować strony, używając czegoś takiego jak edytor bloków (zamiast innego kreatora stron metodą przeciągnij i upuść).
Prawdopodobnie brzmi to jak ogromny kłopot, ale jeśli to zrobisz, to nie tylko poprawi to czas ładowania stron, ale także sprawi, że Pagespeed Insights przestanie narzekać na rozmiar DOM.
Redukując rozmiar DOM, uzyskasz również lepszy stosunek tekstu do kodu. Dzieje się tak, ponieważ zmniejszasz ilość kodu strony, ale pozostawiasz niezmienioną liczbę czytelnych słów. Czytelne słowa stanowią wtedy większy procent każdej strony. Może to mieć pozytywny wpływ na SEO, a także poprawić wydajność strony z perspektywy ludzkich odwiedzających, dlatego warto to przeanalizować i podjąć wysiłek, aby się tym zająć.
Kushal Phalak
Dzięki za odpowiedź! Używam kreatora stron Elementor i właśnie dowiedziałem się, że istnieje opcja optymalizacji elementów DOM. W moim przypadku, ponieważ stworzyłem niestandardowe listy typów postów, liczba elementów DOM wzrosła, więc teraz aktywowanie opcji „Optymalizuj elementy DOM” trochę pomaga.
Ayanda Temitayo
Chciałbym tylko dodać, że jednym z najlepszych sposobów na sprawdzenie szybkości witryny jest użycie Google Pagespeed Insight lub GtMetrix. Są to dobre narzędzia, które poinformują Cię o wyniku szybkości Twojej witryny i o tym, jak możesz zoptymalizować jej szybkość.
Dziękuję za ten wspaniały artykuł. Bardzo pouczający.
Harshvardhan kadam
Naprawdę mi pomogło. Kilka razy miałem błąd bazy danych na mojej stronie, ale potem, zgodnie z tym, co napisałeś w poście, zainstalowałem wtyczkę wp-optimize i wyczyściłem bazę danych. Teraz jest znacznie lepiej, nie mam błędów bazy danych, a moja strona przyspieszyła trochę, więc to miłe!
Wsparcie WPBeginner
Cieszymy się, że nasze rekomendacje okazały się pomocne!
Admin
Anuoluwapo Olabode Oludare
Szybko ładująca się strona internetowa to marzenie zarówno dewelopera, jak i klienta. Użyłem kilku wtyczek optymalizujących prędkość, aby moja strona ładowała się szybciej i do tej pory. Próbowałem Nitropack, WP Rocket, Litespeed Server Cache, WP Fastest Cache, W3 Total Cache, Seraphinite i tak dalej.
Wierzę, że najlepszy jest Seraphinite, ponieważ przewyższa wszystkie inne, które testowałem, a moja witryna jest ciężka, zbudowana z Elementora. Naprawdę polecam używanie konwertera obrazów webp, takiego jak wtyczka Converter for Media, ponieważ pomoże ona przekonwertować Twoje obrazy i przyspieszyć ładowanie Twojej witryny.
Wsparcie WPBeginner
Thank you for sharing which plugin worked for you and your needs
Admin
Moinuddin Waheed
Używałem wp rocket do cachowania i okazało się, że jest bardzo przydatny w przyspieszaniu ładowania strony internetowej.
Ciekawą rzeczą, którą znalazłem w tym artykule, jest wyłączenie CSS i JS dla zewnętrznych żądań HTTP, ponieważ może to spowolnić działanie strony.
Instalujemy wiele wtyczek dla funkcjonalności i nigdy nie wiedzieliśmy, jakie obciążenie zasobów mogą one spowodować dla naszych stron internetowych.
Mam pytanie, czy jeśli wyłączymy ładowanie JS i CSS, nadal będą one działać zgodnie z przeznaczeniem?
Albo skąd będziemy wiedzieć, które wyłączyć, a których nie?
Wsparcie WPBeginner
Na chwilę obecną jedynym sposobem, aby się tego dowiedzieć, jest przetestowanie, ponieważ nie ma gwarancji ani w jedną, ani w drugą stronę, w jaki sposób to zadziała lub czy wystąpi problem.
Admin
Peter Iriogbe
Piszę ten komentarz, aby zadać pytanie dotyczące tego, co wspomniałeś, a co może wpływać na powolne ładowanie strony internetowej – wspomniałeś o „nieaktualnej wersji PHP”. Czy to właściciel strony musi zaktualizować wersję PHP strony WordPress, czy też programiści open-source? Jestem zdezorientowany.
Wsparcie WPBeginner
Właściciel witryny musiałby zaktualizować wersję PHP lub skontaktować się ze swoim dostawcą hostingu, aby zaktualizować wersję PHP. Podczas aktualizacji ważne jest, aby upewnić się, że masz odpowiednie kopie zapasowe na wypadek problemów podczas aktualizacji.
Admin
Jiří Vaněk
Istnieją dwie opcje, jeśli chodzi o współdzielony hosting internetowy. Albo dostawca ma narzędzie (ustawienia) w panelu administracyjnym, gdzie można przełączać się między różnymi wersjami PHP, albo trzeba o to poprosić. Czasami może się zdarzyć, że pożądana wersja PHP nie jest dostępna na serwerze, a dostawca będzie musiał przenieść Twoją witrynę na inny serwer. Jeśli jest to VPS, czyli wirtualny serwer prywatny, zmiana wersji PHP zależy od Ciebie, ponieważ sam zarządzasz serwerem. Najpierw należy zainstalować nową wersję PHP, a następnie przełączyć ją w konfiguracji serwera. Zaleca się nie tylko posiadanie kopii zapasowej samej witryny, ale także, jeśli to możliwe, utworzenie migawki serwera, aby w razie potrzeby można było powrócić do pierwotnej konfiguracji.
mohadese esmaeeli
Format obrazu webp jest znacznie lżejszy niż obrazy png, ale wyzwaniem jest to, że nie są one łatwo dostępne do pobrania. Jeśli użytkownik napotka obrazy z naszej strony w wyszukiwarce Google, może to być nieco niewygodne. Niemniej jednak, jakie jest Twoje zdanie? Który standard jest bardziej niezawodny i przyjazny dla użytkownika?
Wsparcie WPBeginner
Na chwilę obecną nie mamy ostatecznej odpowiedzi na to, co jest najlepsze.
Admin
Jiří Vaněk
Chociaż format webp nie wymaga zbyt wiele do pobrania, istnieje wiele narzędzi online do konwersji z png lub jpeg do webp. Tak właśnie robię. Pobieram png, konwertuję go do webp, a następnie przesyłam gotowy obraz webp na stronę internetową.
Moinuddin Waheed
szybkie ładowanie stron internetowych nie tylko pomaga w dobrym doświadczeniu użytkownika, ale także pomaga zmniejszyć współczynnik odrzuceń i zatrzymać odwiedzających na dłużej.
Wdrażam kroki mające na celu uczynienie stron internetowych niezwykle szybkimi i o dobrej wydajności.
Ale nawet po wykonaniu wielu z tych kroków, czasami wydaje się, że czegoś brakuje, być może jest to spowodowane planem hostingu współdzielonego.
Kiedy należy zaplanować przejście na hosting biznesowy lub zarządzany WordPress?
Wsparcie WPBeginner
Jest wiele rzeczy do rozważenia, na początek polecamy zapoznać się z naszym poniższym artykułem:
https://www.wpbeginner.com/beginners-guide/when-should-you-change-your-wordpress-web-hosting-top-7-key-indicators/
Admin
Jiří Vaněk
Chciałbym zapytać o zakaz hotlinkowania na stronie. W Twoim przykładzie brakuje obrazków Webp. Czy można w ten sposób zablokować obrazy w formacie webp?
Wsparcie WPBeginner
To add WebP to the hotlink protection you would add |webp to the list of file types to include it
Admin
Jiří Vaněk
Próbowałem tego i po prostu nie działało. Jednak już dowiedziałem się, dlaczego nie działa. Wynika to z faktu, że CDN CloudFlare serwuje obrazy z ich sieci, a nie z mojego VPS. Niestety, prawdopodobnie nie ma na to rozwiązania, ponieważ chociaż zapewniają ochronę przed hotlinkingiem, nadal nie obejmuje ona formatu webp. To wielka szkoda w dzisiejszych czasach, ponieważ, jak się dowiedziałem, mam wiele skradzionych obrazów w Internecie. Według Semrush, sprawdziłem te strony, ale nic nie mogę z tym zrobić.
mohadese esmaeeli
Cześć. Mieliśmy pewne przekierowania, które utknęły w pętli, powodując zawieszanie się witryny. Na przykład strona A przekierowywała do B, następnie B do C, a na końcu C z powrotem do A. Rozwiązanie takich pętli przekierowań poprawiło wydajność witryny. Niektóre linki nadal ładowały się z protokołem http, wymagając przekierowań. Jednak po ponownym zainstalowaniu certyfikatu SSL, problem z SSL został rozwiązany i nie były już potrzebne żadne dalsze przekierowania.
Po zakończeniu badań, szybkość witryny niewiarygodnie poprawiła się z 5 sekund do 1 sekundy.
Moinuddin Waheed
Dzięki tej zapisanej stronie zyskałem nowe spostrzeżenia, które postanowiłem wykorzystać, aby upewnić się, że wdrożę te wskazówki w celu poprawy wydajności mojej strony internetowej.
Kiedyś przesyłałem filmy bezpośrednio na moją stronę przez pliki multimedialne, co powodowało jej spowolnienie.
Podczas przesyłania filmów z YouTube, czy ma to jakieś znaczenie pod względem wydajności i szybkości dla niepublicznych filmów na YouTube i filmów publicznych, ponieważ często widziałem porady dotyczące osadzania filmów niepublicznych?
Wsparcie WPBeginner
Chyba że otrzymamy inne informacje, osadzanie niepublicznego filmu nie przynosi żadnych korzyści wydajnościowych.
Admin
Jiří Vaněk
Filmy na YouTube znajdują się na bardzo szybkich serwerach, które mogą obsłużyć miliony odwiedzin na godzinę w rozdzielczości 4k. Nie ma znaczenia, czy film jest publiczny, czy prywatny. YouTube nigdy nie wygeneruje tak dużego obciążenia, aby go spowolnić.
THANKGOD JONATHAN
Naprawdę interesujący artykuł.
Dowiedziałem się, że szybkość strony internetowej jest bardzo ważna dla SEO i UX.
Ale dzisiaj zdobyłem nowe spostrzeżenia: podzielić komentarze na strony i nie przesyłać mediów bezpośrednio do WordPressa.
Moinuddin Waheed
Szybkość strony internetowej jest jednym z ważnych czynników, które Google bierze pod uwagę przy pozycjonowaniu w swojej wyszukiwarce. Ponadto większość odwiedzających opuszcza stronę i nie czeka, jeśli ładuje się ona wolno.
To jeden z tych poradników, które warto dodać do zakładek, aby do nich wrócić i upewnić się, że zastosowałem je w moich postach na blogu.
Dziękuję wpbeginner za ten pomocny poradnik.
Ahmed Omar
Naprawdę wspaniały post.
moja strona jest hostowana na siteground i po raz pierwszy dowiedziałem się o SiteGround SG Optimizer
serdecznie dziękuję
ale jak mogę przetestować moją stronę pod kątem szybkości działania?
Wsparcie WPBeginner
Możesz zapoznać się z naszym przewodnikiem poniżej, jak przetestować szybkość swojej witryny.
https://www.wpbeginner.com/beginners-guide/how-to-properly-run-a-website-speed-test-best-tools/
Admin
Sameer Hussain
Uwielbiam sposób, w jaki ten artykuł najpierw podkreśla typowe problemy, a następnie przechodzi do tego, jakie mniej typowe problemy mogą się pojawić. Niesamowite rzeczy, biorąc pod uwagę, że czytasz to wszystko w jednym przewinięciu.
Wsparcie WPBeginner
Glad you like our our content is laid out
Admin
Naveera Batool
Świetne informacje, wdrożono 7 wskazówek z powyższych.
Wsparcie WPBeginner
Dziękuję, cieszę się, że wdrożyłeś niektóre z naszych zaleceń!
Admin
Lara Carter
Ten artykuł był bardzo pomocny w zrozumieniu wszystkich drobnych szczegółów, o których nigdy nawet nie myślałem, a które pomogłyby witrynie działać płynniej i szybciej. Uczę się o tworzeniu stron internetowych i obecnie intensywnie się na ten temat badam. Ta strona zawierała znacznie więcej szczegółów, niż myślałem. Ta strona wyjaśniła mi również wiele nowych koncepcji, o których wcześniej nie słyszałem, i dobrze wyjaśniła większość z nich. Było kilka koncepcji, które zajęły mi trochę czasu, aby je zrozumieć, ale jako wzrokowy uczeń, obrazy naprawdę pomogły mi umieścić w kontekście to, co czytałem i czego się uczyłem. Nie mogę się doczekać, aby spróbować tych rzeczy i ostatecznie zabrać się za budowanie strony internetowej.
Wsparcie WPBeginner
Glad to hear our guide was helpful
Admin
Tash Hughes
To wyczerpujący przewodnik po przyspieszaniu witryny, dziękuję.
Wdrożyłem szereg tych zaleceń (albo z tego artykułu, albo już były wdrożone).
Na stronie jest mnóstwo obrazów. Zawsze zmniejszałem ich rozmiar (tj. nie umieszczałem zdjęć prosto z aparatu!), i zazwyczaj były to pliki jpg. Zauważyłem, że WP tworzy różne kopie każdego obrazu, a następnie funkcja optymalizacji mojej aplikacji buforującej tworzy nowe wersje. Czuję, że tak wiele wersji obrazów musi spowalniać moją stronę! Ale które obrazy można bezpiecznie usunąć?
Jeśli na przykład podałem link do great-image1.jpg, czy funkcja optymalizacji oznacza, że post teraz linkuje do great-image1-optimised.jpg, a great-image1.jpg jest przestarzały? Czy opis jest również przenoszony do zoptymalizowanych obrazów?
Wsparcie WPBeginner
Zależałoby to od wtyczki, której używasz do optymalizacji obrazów, ale większość powinna zastępować zamiast tworzyć duplikat, a Ty zachowałbyś swój opis.
Admin
Ian Simpson
Świetny post. Wdrożyłem już niektóre z łatwiejszych zadań i dodałem tę stronę do zakładek, aby móc wrócić po inne techniczne rzeczy! Skontaktowałem się również z bunny.net za pośrednictwem Twojego linku, ponieważ jestem zadowolony, że możesz otrzymać prowizję (jeśli tak jest), ponieważ ten post był naprawdę pomocny!!
Wsparcie WPBeginner
Cieszę się, że nasz przewodnik był pomocny!
Admin
Amir
niesamowity post. nauczyłem się wiele z tej strony. dzięki
Wsparcie WPBeginner
Cieszę się, że słyszę!
Admin
Devid Cols
To świetny artykuł. Dziękuję bardzo
Wsparcie WPBeginner
Glad you liked our article
Admin
Xiao Wen Goh
To jest najbardziej pomocna strona wsparcia WordPress w historii! Dziękuję!
Wsparcie WPBeginner
Cieszę się, że nasze treści okazały się pomocne!
Admin
paul onyeneke
uwielbiam te treści
Wsparcie WPBeginner
Glad you like our content
Admin
Mohamed Imon
Dokładnie jaki jest rozmiar obrazu (szerokość i wysokość
) dobry dla szybkości ładowania strony.
Eric W
Dziękuję za to „nieomylne” wyjaśnienie wielu rzeczy, z którymi się zmagałem w przypadku naszej strony DIY. Z niecierpliwością czekam na wdrożenie wszystkich odpowiednich strategii – jak tylko odzyskam dostęp administracyjny do mojej strony!
Wsparcie WPBeginner
Glad you found our guide helpful
Admin
Imran
To świetny artykuł. Wielkie dzięki.
Wsparcie WPBeginner
Glad you found our recommendations helpful
Admin
János Szűcs
Dziękuję za ten bardzo przydatny i szczegółowy przewodnik!
Wsparcie WPBeginner
Glad you found it helpful
Admin
Fahim
bardzo pomocne. Bardzo mi pomogło. Dzięki.
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Brian Thomasson
Jesteście najlepsi za odpowiadanie na podstawowe rzeczy, które przeoczamy. Dziękuję bardzo!
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Kaitlyn
To było niezwykle dokładne i pomocne! Dziś rano w około 20 minut przyspieszyłem czas realizacji mojej obecnej strony docelowej z 7,66 sekundy do 1,91 s.
Wsparcie WPBeginner
Glad our guide was helpful
Admin
Jan
Dzięki, to bardzo pomogło!
Wsparcie WPBeginner
You’re welcome
Admin
Nana Yeboah Boafo
Moja strona internetowa wzrosła z 77% na GTmetrix do 92% do czasu, gdy skończyłem artykuł. Dzięki.
Wsparcie WPBeginner
You’re welcome
Admin
uzoma ichetaonye
wow, to jest bardzo fantastyczne, zwłaszcza że szybkość strony internetowej jest czynnikiem rankingowym Google.
Czy możesz podzielić się tym, jaki aspekt tego przewodnika zastosowałeś, co spowodowało poprawę szybkości Twojej strony internetowej z 72% do 92%?.
Może Twoja odpowiedź pomoże również mojej stronie, ponieważ szybkość mojej strony internetowej wynosi obecnie 87% po wdrożeniu kroków wymienionych w tym przewodniku, które są w moim zasięgu.
Eric Vanier
Ciekawy artykuł! Dzięki za post
Wsparcie WPBeginner
You’re welcome
Admin
Neha
Sprawdzam szybkość mojej witryny WordPress w gtmetrix i pagespeed insights. Oba pokazują różne wartości.
Wsparcie WPBeginner
Są to różne strony, które skanują różne statystyki, więc konkretne wyniki powinny być zazwyczaj inne.
Admin
OptimizDBA
To bardzo przydatne i pomocne informacje dla tych, którzy chcą zwiększyć prędkość i wydajność WordPress.
Wsparcie WPBeginner
Thank you
Admin
Shubham Bajoria
Z jakiej tabeli treści korzystasz?
Wsparcie WPBeginner
We manually create our table of contents at the moment
Admin
Reza Prama Arviandi
Drogi WP Beginner,
Używam kilku wtyczek, które zajmują się buforowaniem mojej strony internetowej. Ale. Myślę, że moja strona zwolniła po zainstalowaniu 2 wtyczek, które wykonują pewną pracę. Czy to się nazywa redundancja? Co mam zrobić?
Wsparcie WPBeginner
Zalecamy używanie tylko jednej wtyczki do buforowania na swojej stronie naraz, aby zapobiec konfliktom.
Admin
Azhat
Drogi Zespole WP
Chciałbym wiedzieć
Czy dobrze jest osadzać posty z FB i Twittera na własnym blogu jako wiadomości?
Wsparcie WPBeginner
To pytanie o osobiste preferencje, nie ma jednoznacznej odpowiedzi na to, co byłoby najlepsze.
Admin
Mihir Prasad Mahanta
Zainstalowałem tak wiele motywów i wtyczek. Niektóre wtyczki są nieaktywne. Czy nieaktywne wtyczki spowalniają moją witrynę?
Wsparcie WPBeginner
Zazwyczaj te wtyczki nie powinny mieć większego wpływu na szybkość Twojej witryny, ale zalecamy usunięcie nieużywanych wtyczek z Twojej witryny.
Admin
Tariqur Rahman
Mam pytanie. I nikt nigdy o tym nie pisał. Pytanie brzmi: Kiedy właściwie powinniśmy martwić się o szybkość strony?
Szybkość mojej strony internetowej wynosi ponad 80. Widziałem nawet, że szybkość tej strony internetowej również nie przekracza 90. Więc kiedy powinniśmy martwić się o szybkość strony? Czekam na Twoją odpowiedź.
Wsparcie WPBeginner
Istnieje wiele dyskusji na temat tego, kiedy skupić się na szybkości; głównym momentem jest, gdy staje się to problemem, a gdy już osiągniesz pożądaną szybkość witryny, będziesz obserwować, kiedy szybkość zacznie się zmieniać, aby ponownie zoptymalizować.
Admin
Priyanka
Thanks a lot! Just followed your tips for speeding up my site (except the higher levels)) and it improved site’s performance tremendously! I caanot thank you enough
Wsparcie WPBeginner
Glad our recommendations could help
Admin
Pradip Nalwaya
Thanks Bhai ! Today This Post is Very Useful. i have find many post for About WP Performance but today Finally i got Helpful Post. Thanks Again
Wsparcie WPBeginner
Glad you found our post helpful
Admin