Zmniejszyć szerokość strony wordpress hosting

Chcesz przyspieszyć swoją stronę WordPress? Chcesz wiedzieć WordPress sztuczek optymalizacji, które mogą pomóc zmniejszyć czas ładowania strony? W tym artykule pokażemy, jak przyspieszyć WordPress dzieląc jak zoptymalizowany naszą stronę List25 w celu zwiększenia wydajności.

Prawdopodobnie słyszałeś prędkość WordPress jest ważne dla SEO. Szybszy strona ma lepsze zaangażowanie użytkowników, więcej odsłon i lepiej sprzedaży. W badaniu strangeloop przypadek, okazało się, że opóźnienie jedna sekunda może kosztować 7% sprzedaży, 11% mniej odsłon, a 16% spadek satysfakcji klienta.

hosting

Jak więc faktycznie przyspieszyć WordPress?

Cóż, zamiast po prostu dzieląc listę wskazówek prędkości, zdecydowaliśmy się zrobić pełne studium przypadku, aby pokazać wyniki z naszej strony List25 wraz z tym, jak osiągnąć to wszystko.

List25 jest blog rozrywki rozpoczęty przez naszego założyciela Syed Balkhi. Witryna posiada ponad 1,5 mln abonentów, a kanał YouTube ma ponad ćwierć miliarda odsłon.

Treść na stronie jest głównie obrazy i filmy, które zajmuje terabajtów pasma, więc ogólna optymalizacja prędkości było istotne dla nas, aby utrzymać koszty na niskim poziomie, zmniejszyć stronę porzucenia i skrócić czas na miejscu.

Zanim zaczęliśmy optymalizacji, nasza strona trwało 2.21 sekund, aby załadować według Pingdom. Po byliśmy sporządzono, nasz czas ładowania strony spadła do 1.21 sekund (

Podczas tej optymalizacji, byliśmy w stanie przyspieszyć nasz czas odpowiedzi serwera, poprawić naszą szybkość strona ocenę wydajności, zmniejszenie liczby całkowitej życzenie i poprawić ogólny czas ładowania.

Rzućmy okiem na technik optymalizacyjnych, które pomogły nam przyspieszyć naszą witrynę WordPress.

Posiadanie dobrego hostingowego ma zasadnicze znaczenie dla szybkości stronie. Jak nasza strona stała się bardziej popularna, po prostu przerósł nasze poprzednie firmę hostingową (HostGator).

Ich serwery po prostu nie mógł obsługiwać stronę tej wielkości, ponieważ List25 odbiera dziesiątki milionów odsłon. HostGator jest idealne dla mniejszych witryn, ale nie za coś tej wielkości.

Przyjrzeliśmy różnych opcji zarządzanych WordPress gospodarzem, a ostatecznie skończyło się na Siteground gospodarzem List25 ponieważ oferowane najlepszą ogólną wartość dla tej strony.

od razu widać poprawę naszego czasu odpowiedzi serwera. Poszliśmy z max 442ms do 172ms czasu reakcji. To poprawa 256%.

Siteground zbudował dopalacze wydajności dla konkretnych platform, takich jak WordPress, Joomla i Magento. Oparty na platformie witryny, oni specjalnie optymalizacji serwerów co skutkuje lepszą ogólną wydajność.

Napisaliśmy artykuł o tym, kiedy należy przełączyć swój hosting, który mówi o 7 kluczowych wskaźników.

Zmniejszyć szerokość strony wordpress gospodarzem w celu zmniejszenia

Jeśli szukasz, aby przełączyć hosty, to na pewno dać Siteground spróbować. WPBeginner użytkownicy otrzymują ekskluzywną 60% zniżki na hosting + darmowe domeny.

Jeśli chodzi o przyspieszenie WordPress, buforowanie jest drugim najważniejszym czynnikiem po hosting.

Normalnie, gdy użytkownik wchodzi do witryny WordPress, serwer przekazuje żądanie PHP do bazy danych MySQL, która znajdzie się na stronę, która jest przedmiotem wniosku, wytwarza go w locie i pokazać go do użytkownika. To zajmuje dużo zasobów. Gdy masz buforowanie, co oszczędza czas i zasoby.

Poniższy schemat Zalety tego procesu. W laika, pomyśl buforowania jak tworzenie skrótu na pulpicie dzięki której można dostać się do pliku szybciej.

Na miejscu List25, używamy Siteground SuperCacher, wtyczki one specjalnie zbudowany dla swoich klientów. Na początku, że dodali zaawansowane dynamiczne opcje cache przy użyciu lakier (część swojej wydajności wzmacniacza).

Jeśli nie jesteś na Siteground. to nie martw się. Można cache konfiguracji na swojej stronie WordPress przy użyciu jednego z wielu dostępnych rozwiązań, takich jak W3 Razem Cache albo WP Super Cache.

Na WPBeginner używamy W3 Razem Cache, która zapewnia szereg opcji buforowania strony, buforowanie bazy danych i buforowania obiektów.

Ponieważ coraz więcej firm hostingowych specjalizują do WordPress, ujrzymy więcej niestandardowych rozwiązań buforowania wbudowane. Pagely i WPEngine oferują również własnego wbudowanego systemu buforowania.

Sieciach multimedialnych (CDN) może pomóc zwiększyć szybkość strony internetowej. Używamy MaxCDN od początku List25, więc ta część nie uległa zmianie.

Pisaliśmy pełny artykuł na temat tego, co jest CDN i dlaczego trzeba go wraz z Infographic.

CDN pozwala nam służyć wszystkie CSS, JavaScript i obrazy z Content Delivery Network. Działa to przez określenie położenia miejscu odwiedzającego i obsługujących najbliżej użytkownika treści z serwera.

Jeśli nie jesteś na rynku rozwiązania premia CDN, a następnie można użyć Cloudflare.

Jak dodać więcej wtyczek, często dodają swoje własne pliki JavaScript i CSS. Każdy dodatkowy plik jest nowy żądania HTTP.

Połączyliśmy te pliki JavaScript i CSS w jednym pliku dla każdego celu zmniejszenia żądań i przyspieszyć czas ładowania. Można zobaczyć więcej szczegółów na temat tego, w jaki sposób wpływa na WordPress wtyczki czas ładowania.

Choć jesteśmy teraz w załadunku jakąś małą funkcjonalność, że nie może potrzebować na danej sekcji strony, ten kod jest buforowane na CDN, a wyniki pokazują, że mniej wniosków o plikach zapewniają lepszą wydajność niż ładowanie kilka mniejszych plików JS.

To jest coś trzeba robić regularnie, ponieważ wtyczek używasz zmiany w godzinach nadliczbowych.

Zrobiliśmy zastosowanie sprite obrazu co w połączeniu kilka ikon społecznych i stronę na jednym obrazie:

Kiedykolwiek potrzebne do wyświetlania określonego ikonę, którą używamy CSS:

  1. Załaduj zdjęcie jako tło
  2. Określić szerokość i wysokość elementu musimy ikonę
  3. Ustawić położenie tła dla naszego wizerunku, aby załadować niezbędne ikonę

Na przykład, aby załadować na pasku bocznym w social media, używamy:

Tło pozycji. właściwości width i height CSS pomaga nam kierować określonego fragmentu obrazu, który chcemy wyjścia:

W rezultacie, tylko pierwsza prośba o tym pliku obrazu wykorzystuje pasmo. Kolejne wnioski do CDN dla obrazu spowoduje pamięci podręcznej (typowo lokalna) wersja jest załadowany, jak tylko potrzeby zażądać jednostkowa czy image 6 różnych ikon społecznych.

Łącząc JavaScript, CSS i obrazy razem, zmniejszenie liczby wniosków znacząco.

Kod minifikacji polega na usunięciu spacji i podziały wierszy, aby zmniejszyć rozmiar pliku, co czyni go szybciej ładować na żądanie.

Dla List25 używamy SCSS, arkusz stylów składni opartej na Sass (Intro). To pozwala nam uporządkować nasze pliki CSS kilku obszarów rozwoju w czytelny układ:

Używamy CodeKit aby następnie skompilować pliki SCSS w jednym pliku CSS. CodeKit także usuwa spacje i podziały wiersza w celu zapewnienia, że ​​plik jest tak mały, jak to możliwe:

W efekcie udało się zmniejszyć rozmiar pliku CSS o 28%.

Mamy zoptymalizowane zdjęcia w dwóch obszarach: nasze WordPress i przesłanych treści.

Dla naszego tematu WordPress, użyliśmy CodeKit aby upewnić się, że wszystkie obrazy zostały bezstratnie kompresowane. Gwarantuje to, że rozmiary plików są tak małe, jak to możliwe, bez utraty jakości.

Mamy również wykształcony wszystkich naszych pisarzy o znaczeniu zapisywania obrazów zoptymalizowanych dla sieci web. Zobacz nasz poradnik jak zapisywać obrazy zoptymalizowane dla sieci web.

Podziel się z innymi za List25 jest naprawdę ważne, podobnie jak każdej innej stronie. Jednak udostępniania social plugins może znacząco spowolnić swoją witrynę.

Chociaż te cztery skrypty integracji społecznej sieciowej nie wpływają czasu ładowania strony w naszych testach, to wyraźnie zwolnił stronę internetową podczas oglądania na urządzeniu mobilnym. przyciski udostępniania społeczne zajęłoby kilka sekund pojawia się, mimo skryptów loading asynchronicznie, wynikających z treści postu poruszając się jak przyciski załadowanych do widzenia.

Aby rozwiązać ten problem, firma przeniosła się do (prawie) Javascript wolnym roztworze. Każdy z przycisków udostępniania sieci społecznej są świadczone przez naszego zwyczaju WordPress Plugin i JavaScript tematem jest używany tylko otworzyć okno przeglądarki internetowej, gdy użytkownik kliknie przycisk.

Jednak wciąż chciał wyświetlić łączną liczbę akcji post miał we wszystkich sieciach społecznościowych. Aby to zrobić, produkowany mały zwyczaj WordPress Plugin do pobierania i buforowania liczby akcji społecznych z każdej sieci społecznej w meta tabeli Poczty. liczy te są aktualizowane co 24 godziny, zapewniając zapytań czasochłonne nie są stale uruchomiony.

Można użyć API jak Sharre lub wnikliwie Pływający bar Społecznej dla dostosowania.

Korzystanie Pingdom za RUM (real user) Monitoring ten nowy plugin akcji zmniejszyła „true” czasu ładowania strony od 6 sekund do nieco ponad 2 sekundy. Zapewniła też, że zmniejszenie liczby wniosków złożonych skryptów osób trzecich.

Możemy znacznie poprawić naszą szybkość witryny. czas ładowania się z 2,2 sekundy do 1,22 sekundy.

Udało nam się zmniejszyć czas odpowiedzi serwera znacząco.

Pozwoliło to skrócić czas spędzony na pobieraniu strony przez Google bot co pomogło naszą szybkość indeksowania.

Nasz ogólny współczynnik odrzuceń spadł o 7%, ponieważ witryna ładuje się szybciej, a przez gospodarzy przełączających udało nam się zmniejszyć liczbę błędów serwera.

Jak można sobie wyobrazić, z niższym współczynniku odrzuceń, czas spędzony na stronie, jak również wzrosły o ponad 30 sekund.

Jak widać szybsze ładowanie strona internetowa może zwiększyć zaangażowanie użytkowników. Techniki Omówiliśmy objęły szereg podstawowych i pośrednich ulepszeń, które można wdrożyć w celu optymalizacji witryny WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci przyspieszenia witryny WordPress. Można również sprawdzić nasz artykuł o 20 musi mieć WordPress Wtyczki do 2015 roku.

Jeśli podobał Ci się ten artykuł, proszę zapisać się do naszego kanału YouTube dla WordPress samouczki wideo. Można również znaleźć nas na Twitterze i Facebooku.

Obejrzyj ten film!

Powiązane artykuły

Strona Admin wolno wordpress hostingZapytał: 25.07.2014 11:58 EST Poruszanie się po stronie administratora WordPress jest bardzo powolny. Bez względu na to, jaka strona idę lub menu kliknę, trwa 8-10 sekund, aby załadować stronę. Nie ma znaczenia ...
Najlepszy hosting dla wordpress Australia ZooDziś chcę przyjrzeć się, ile z górnej WordPress firm hostingowych zmierzenia się z czysto punktu widzenia wydajności. Teraz będę pierwszym, który przyzna, że ​​posiadanie najszybsze serwery ...
GoDaddy dzielonego hostingu WordPressDziś chcę przyjrzeć się, ile z górnej WordPress firm hostingowych zmierzenia się z czysto punktu widzenia wydajności. Teraz będę pierwszym, który przyzna, że ​​posiadanie najszybsze serwery ...
Pusta strona install.php wordpress hostingMieliśmy dużo naszych klientów i użytkowników WordPress w ogóle mają problem, gdzie ich strona jest pokazując pustą stronę. Ta pusta strona jest zazwyczaj spowodowane błędem PHP. Jeśli masz ...
Intro strona html wordpress hostingW WordPress, można umieścić treść na swojej stronie albo jako „post” lub „Strona”. Kiedy piszesz regularny wpis w blogu, napisać post. Słupy, w konfiguracji domyślnej, pojawiają się w odwrotnej kolejności ...