Jak podwoić szybkość witryny Samouczek SiteGround

Pokażę ci, jak podwoić szybkość witryny, gdy korzystasz z SiteGround, nie musisz za nic płacić, wszystkie narzędzia, których będziemy używać, są już zawarte w twoim pakiecie hostingowym .

Więc zacznijmy.

Pozwolę sobie powiedzieć od samego początku tego filmu, że to wcale nie jest zachęta do sprzedaży dla SiteGround.

Jest przeznaczony głównie dla osób, które mają już SiteGround i chcą przyspieszyć ładowanie swoich stron internetowych.

Zaletą SiteGround jest to, że zwykle narzędzia, których użyłbyś do przyspieszenia witryny, będą kosztować setki dolarów rocznie, ale nie wtedy, gdy masz SiteGround.

Zostały już uwzględnione.

Rzecz w tym, że większość ludzi nawet nie wie, co zawiera.

Jest tak wiele, a jeśli korzystasz z SiteGround, dowiesz się o tym w tym poście.

Teraz, oczywiście, jeśli nie masz SiteGround, możesz obejrzeć ten film, a następnie zdecydować, czy podoba Ci się to, co zawierają za darmo w swoich pakietach.

Mity dotyczące szybkości witryny

Teraz, zanim zagłębimy się w to zbytnio, chcę rozwiać niektóre mity dotyczące szybkości witryny związane z posiadaniem strony internetowej.

Mit 1: Powolne strony internetowe nie mają dobrej pozycji w Google

Istnieje wiele innych ważnych czynników rankingowych, a szybkość witryny jest najmniej ważna ze wszystkich.

To, co naprawdę się dzieje, to niska prędkość witryny, która powoduje złe wrażenia użytkownika.

Złe wrażenia użytkownika prowadzą do zwiększonego współczynnika odrzuceń.

Tak szybko ktoś opuszcza Twoją witrynę, gdy przechodzi na Twoją witrynę.

I to jest ważny czynnik rankingowy.

Tak więc powolna strona internetowa nie wpływa na twoje rankingi tak, jak myślisz. To naprawdę prowadzi do wysokiego współczynnika odrzuceń.

Ile razy wchodziłeś na stronę internetową i tam jesteś?

Minęły cztery, pięć, sześć sekund. Nie ładuje żądanych informacji. I wiesz, że w Google jest dziewięć innych wpisów na tej stronie.

Co robisz?

Odbijasz się od strony, klikasz z powrotem i jest to czynnik rankingowy, który szkodzi twoim rankingom.

Tak naprawdę staramy się zoptymalizować Twoją witrynę pod kątem wygody użytkownika, a nie Google.

Mit 2: powolne witryny są powodowane przez kreatory stron

Drugi mit polega na tym, że prędkość Twojej witryny jest obniżana przez kreatora stron, którego wybrałeś, lub motyw, którego wybrałeś do budowy swojej witryny.

Cóż, trochę, ale nie jest to tak duży czynnik jak ludzie, chciałbyś, żebyś uwierzył.

To po prostu dobry marketing.

5 filarów szybkości witryny

W porządku. Teraz, gdy pozbyliśmy się tych mitów, nadszedł czas, aby zacząć optymalizować swoją witrynę i przejść przez pięć filarów szybkości witryny.

Filar 1: Uzyskaj dobry hosting

Teraz pierwszym filarem szybkości witryny będzie dobry hosting.

Teraz dobrą rzeczą jest to, że używasz SiteGround, który jest fantastycznym hostem internetowym.

Tak więc ten filar jest bardziej przeznaczony dla osób korzystających z niskobudżetowego hostingu lub darmowego hostingu, ponieważ w końcu otrzymujesz to, za co płacisz, jeśli chodzi o hosting.

Teraz, jeśli nie korzystasz z SiteGround, pamiętam, że mam link poniżej, który obniży 70%, a także dodam premię za kurs.

Więc SiteGround ma trzy plany. Będziesz chciał być na planie wielkiego wzrostu lub planie GoGeek.

Wiem, że kuszące jest oszczędzanie 2 dolarów miesięcznie, po prostu kupując plan startowy, ale te dwa pozostałe plany zawierają dodatkowe opcje wydajności, które po prostu nie są dostępne w planie startowym.

Więc jeśli korzystasz z planu startowego, możesz śledzić ten film, ale możesz rozważyć skontaktowanie się z SiteGround i uaktualnienie do planu wzrostu.

Teraz, gdy zainstalujesz WordPress na SiteGround, będą zawierać wtyczkę o nazwie SG Optimizer.

Tutaj jestem na instalacji WordPressa. Kliknę na wtyczki i możesz to zobaczyć tutaj, SG Optimizer. Teraz, gdy to włączysz, pojawi się nowa opcja, która mówi SG Optimizer, a tutaj są wszystkie ustawienia tej wtyczki.

Drugim filarem szybkości witryny jest optymalizacja obrazów. Gdy zaczniesz budować swoją witrynę WordPress, będziesz chciał przesyłać obrazy. Problem polega na tym, że obrazy mają znacznie wyższą jakość niż potrzebujesz, co prowadzi do bardzo dużych rozmiarów plików. Więc za każdym razem, gdy ktoś odwiedza Twoją witrynę, musi pobrać duże obrazy.

Dzięki temu uzyskasz wspaniałe korzyści w zakresie wydajności. Optymalizując te obrazy. Teraz zazwyczaj musisz płacić za miesięczną usługę optymalizacji obrazów, ale nie, jeśli masz SiteGround. Jest zawarty we wtyczce optymalizatora SG. Więc oto jesteśmy w ustawieniach wtyczek. Ostatnia opcja mówi o optymalizacji obrazu.

Pójdziemy dalej i klikniemy to, a tutaj jest kilka ustawień, które możemy chcieć włączyć. Tak więc pierwszym z nich jest optymalizacja nowych obrazów, gdy są one przesyłane do Twojej witryny. Będziesz chciał włączyć tę opcję. Oznacza to, że następnym razem, gdy prześlesz obraz, optymalizatorzy SG zajmą się tym za Ciebie.

Następną opcją jest to, że jeśli już przesłałeś obrazy, możesz kliknąć ten przycisk tutaj, a wróci on i zoptymalizuje wszystkie obrazy w bibliotece multimediów dla Ciebie, i to wszystko, aby zoptymalizować obrazy. Trzecim filarem szybkości witryny jest korzystanie z sieci dostarczania treści.

Tutaj. Jestem zalogowany do SiteGround i kliknę tutaj, gdzie jest napisane strony internetowe, a następnie kliknę tutaj, gdzie jest napisane narzędzia witryny, a następnie kliknę tam, gdzie jest napisane, prędkość. A potem kliknę tutaj, gdzie jest napisane CloudFlare, i tutaj możemy włączyć integrację CloudFlare z SiteGround.

Teraz, gdy włączysz CloudFlare, niektóre zasoby Twojej witryny zostaną przesłane do chmur, flar i sieci serwerów na całym świecie. Teraz oznacza to, że ktoś po drugiej stronie globu. Odwiedź swoją witrynę, obrazy i wiele innych, duże, duże zasoby związane z Twoją witryną.

Aby się załadować, w rzeczywistości ładujemy je z lokalnego serwera. Geograficznie. To, co to zrobi, to radykalnie skrócić czas ładowania i szybkość witryny, którą odwiedzający będą mieli na Twojej stronie. Teraz CloudFlare ma podstawowy plan, który jest bezpłatny. Mają też plan premium. Używam CloudFlare od co najmniej pięciu lat i nigdy nie używałem niczego poza podstawowym planem, będzie to więcej niż potrzebujesz, a zobaczysz ogromną poprawę szybkości na swojej stronie.

Więc zamierzam przewinąć w dół i oto trzy kroki do uruchomienia tego na naszej stronie internetowej. Więc chodźmy dalej i kliknij przycisk konfiguracji. W tym kroku możesz utworzyć nowe konto cloud flare lub możesz kliknąć tutaj, gdzie jest napisane połącz istniejące i zaloguj się do istniejącego konta cloud flare.

Więc skoro mam już konto Cloud Flare, zaloguję się przy użyciu mojego istniejącego konta. Ale dla Ciebie, jeśli nie masz konta, śmiało utwórz nowe. Świetny. Zalogowałem się na swoje konto i utworzyłeś nowe konto. Następnym krokiem jest wybranie nazwy domeny, z którą chcesz się połączyć, chmura flare, a następnie kliknij aktywuj bezpłatnie, aby połączyć swoją witrynę z CloudFlare.

Teraz na dole możesz również zobaczyć niektóre ustawienia rozbłysku chmur, których będziesz mógł używać w swojej witrynie. Czwartym filarem szybkości witryny jest używanie . Buforowanie i to, czym jest buforowanie, tworzy statyczną kopię Twojej witryny, więc gdy ludzie przeglądają Twoją witrynę, za kulisami musi być wykonywanych mniej czynności, które mogą spowolnić odwiedzających ją oglądających.

Wiem, że to dość skomplikowane wyjaśnienie, żeby zrozumieć, że jeśli używasz WordPressa. Musisz używać jakiejś formy buforowania. Teraz ogromną zaletą korzystania z SiteGround jest to, że wiele z tego buforowania odbywa się w sposób przejrzysty za kulisami na tym koncie hostingowym serwera. Po prostu robią to za ciebie, ale musisz to włączyć.

Więc oto jestem, zalogowany do naziemnego panelu sterowania witryny. Możesz więc po prostu kliknąć w miejscu, w którym jest napisane prędkość. A potem jest ta nowa opcja, która mówi o buforowaniu. Będziemy chcieli iść dalej i kliknąć to. I to jest miejsce, w którym zamierzamy włączyć. Dwa różne typy buforowania w Twojej witrynie. Tak więc pierwszy to miejsce, w którym jest napisane statyczna pamięć podręczna, a zobaczysz listę witryn, które połączyłeś z SiteGround, i wszystko, co musisz zrobić, to włączyć ją, po prostu przechodząc w ten sposób.

A teraz twoja gotówka jest włączona. Jest tu drugi rodzaj buforowania o nazwie Memcached. Kliknijmy na to, a jest to rodzaj buforowania, który będzie dotyczył całego konta hostingowego. Pójdziemy dalej i klikniemy tutaj, aby to również włączyć. Teraz oba te buforowania. Mechanizmy mają sposób na opróżnienie gotówki.

A sposób, w jaki możesz to zrobić, jeśli jesteś zalogowany do SiteGround, to ta mała miotła, która jest po prawej stronie i mówi spłukana gotówka. Możesz kliknąć to, aby opróżnić Memcached, a kiedy jesteś na statycznej gotówce, jest tam również opcja opróżnienia gotówki właśnie tam. Teraz musimy również włączyć tutaj niektóre opcje.

Na Twojej stronie we wtyczce SG Optimizer. Pierwsza zakładka to ustawienia super kasjera. Będziemy chcieli przełączyć to tutaj, gdzie jest napisane dynamiczne buforowanie, a następnie będziemy chcieli przełączyć to tutaj, gdzie jest napisane Memcached w ten sposób. Teraz jest kilka dodatkowych opcji dynamicznego buforowania, o których warto wiedzieć.

Pierwsza opcja jest tutaj, gdzie możesz wyczyścić pamięć podręczną i ją opróżnić. Będzie też dostępna opcja na pasku administracyjnym na górze. Aby opróżnić gotówkę. Następna jest automatyczna kasa. Będziesz chciał pozostawić to włączone. Główne opcje, o których chcesz wiedzieć, są właśnie tutaj. Mówi, z wyłączeniem adresów URL.

W zależności od typu posiadanej witryny mogą istnieć pewne części witryny, na których nie można uwzględnić środków pieniężnych, ponieważ spowoduje to problem. Widać to zwykle w przypadku witryn internetowych opartych na handlu elektronicznym. Dzieje się tak dlatego, że tego typu strony internetowe mają wiele dynamicznych opcji, a zarabianie po prostu nie zadziała, prawda?

W tym miejscu zamierzasz umieścić adresy URL stron, które chcesz wykluczyć z pamięci podręcznej. Wszystko, co musisz zrobić, to wpisać tutaj adres URL, a następnie kliknąć miejsce, w którym jest napisane wyklucz, aby dodać go do listy wykluczeń, a teraz pojawi się Twoja witryna. W pełni spieniężony. Ostatnim filarem szybkości witryny będą dodatkowe optymalizacje wydajności.

Teraz optymalizator lub wtyczka SG również da ci kilka różnych opcji. Więc pierwszym z nich będzie leniwe ładowanie obrazów. Oznacza to, że użytkownik ładuje Twoją stronę. Nie pokaże ich lub nie załaduje obrazu, dopóki nie przewiną do części strony, w której ma się znajdować ten obraz.

Dzięki temu Twoja witryna będzie się ładować szybciej i będzie o wiele szybsza dla odwiedzających ją osób. Aby to umożliwić, klikniemy tutaj, gdzie jest napisane optymalizacja obrazu, a tutaj jest opcja, która mówi o leniwym wczytywaniu obrazów. Włączymy to. Daje nam tutaj kilka dodatkowych opcji, jeśli chcemy.
Leniwy ładunek. Należą do nich Gravatar, RS, miniatury, responsywne obrazy, widżety i leniwe ładowanie na urządzeniach mobilnych. Możesz więc je włączać, jak chcesz. Na pewno lubię leniwe ładowanie, Gravatar, RS i miniatury. Reszta jest dla ciebie opcjonalna. Jeśli wystąpi jakiś problem spowodowany leniwym ładowaniem, możesz wykluczyć niektóre części swojej witryny z leniwego ładowania.

Po prostu umieściłbyś klasę CSS w tych elementach. To trochę techniczne. Zrobiłbyś to tutaj, a następnie kliknij wyklucz. Teraz są dodatkowe optymalizacje, prawda? Oto opcja optymalizacji środowiska. Będziesz chciał przewinąć w dół i upewnić się, że kompresja G zip jest włączona.

Wreszcie, optymalizacje front-endu tutaj. Może to być trochę trudne i czasami możesz wpaść w małe kłopoty, więc polecam włączanie ich pojedynczo. Następnie zweryfikuj, czy nie spowodowało to żadnego dziwnego zachowania w Twojej witrynie. Teraz powinieneś być całkiem bezpieczny, włączając minimalizację wyjścia HTML.

Powinieneś także być bezpieczny, włączając wszystkie różne opcje minifikacji. Oto jeden, aby zminimalizować pliki JavaScript. Oto jeden, aby zminimalizować pliki CSS. Teraz odroczony render blokujący skrypt Java. Może to powodować problemy. A kiedy przejdziesz, aby to włączyć, otrzymasz ostrzeżenie tutaj i możesz potwierdzić, czy chcesz to aktywować, czy nie.

A więc to jest ten, w którym na pewno będziesz chciał sprawdzić w interfejsie, czy jest to spowodowane problemem. Oto kolejna opcja łączenia plików CSS, która również może powodować pewne problemy. Jak widać, nie powoduje to wyświetlenia komunikatu ostrzegawczego. Ale po prostu wiedz, że może to również powodować problemy.

Czasami. Następnie zoptymalizowaliśmy ładowanie czcionek Google, które jest nieszkodliwe. Włączmy to. Następnie usuń ciągi zapytań z zasobów statycznych. To powodowało dla mnie problemy w przeszłości, więc bądź ostrożny. Jest to opcja, która powoduje problem, gdy wtyczka lub motyw od autora wyda nową aktualizację, a następnie sprawy zaczynają się robić niepewne w Twojej witrynie.

Ostatni to wyłączone emotikony. Nie oznacza to, że emotikony nie będą działać w Twojej witrynie. Oznacza to po prostu, że zostanie załadowany w bardziej optymalny sposób. Teraz rzucę okiem na front strony mojej witryny, aby upewnić się, że nie ma widocznych problemów, a następnie przeprowadzę szybki test szybkości.

Oto strona internetowa i jak dotąd wygląda dobrze. Moje obrazy się ładują, prawda? Te małe ikony są wyświetlane. Z tym zazwyczaj widziałeś problem. Jeśli pojawiły się jakieś problemy, to odstępy są prawidłowe. Czasami mogą się one nakładać, jeśli również wystąpił problem.

Wszystko wygląda idealnie. Właściwie wygląda to naprawdę dobrze. OK, więc przejdę do GT metrics.com i wkleję adres URL do witryny z ukośnikiem i kliknięciem tutaj, na którym jest napisane przetestuj swoją witrynę. To zajmuje tylko chwilę, a to, co zrobi, to pobranie Twojej witryny.

I da ci trochę danych. Dzięki niemu dowiesz się, ile czasu zajęło ładowanie. Powie ci, ile było próśb, i poda jakiś arbitralny wynik. Teraz radzę nie przykładać zbyt dużej wagi do tego wyniku. Jak widać, wyniki są. Dość wysoki i a i B tutaj z bardzo szybkim czasem ładowania 1,2 sekundy, strona, strony poniżej megabajta i tylko 32 żądania.

To jest strona internetowa korzystająca z mentora Elli. Teraz, zawsze powtarzam, nie przykładaj zbytniej wagi do tych wyników tutaj. To, co naprawdę ma znaczenie, to to, jak czuje się Twoja witryna, gdy ktoś wchodzi na Twoją witrynę, ale po tym teście widać, że witryna ładuje się niezwykle szybko. Co jest naprawdę dobre w przypadku witryny zawierającej wszystkie te obrazy.

Cóż, masz to. W ten sposób możesz sprawić, że Twoje witryny za pomocą SiteGround ładują się niesamowicie szybko i mam nadzieję, że widziałeś również ogromną wartość, jaką otrzymujesz z SiteGround. Zwykle musiałbyś płacić setki dolarów rocznie, aby uzyskać wtyczki, które robią wszystko, co tylko zawierają dla Ciebie.

Już z usługą, którą masz z nimi. Jest to jeden z powodów, dla których polecam korzystanie z SiteGround ze względu na wszystkie te dodatkowe gadżety, które zawierają dla Ciebie, i nie musisz ich kupować i są one oficjalnie obsługiwane przez Twojego dostawcę usług hostingowych. SiteGround, jeśli nie masz SiteGround, rozważ skorzystanie z linku, który mam poniżej lub WP crafter.com/siteground, jeśli zamówiłeś SiteGround, dołączam premię za kurs.

Pomoże ci to w pełni wykorzystać. Budowanie strony internetowej i jak najbardziej od podstaw. Dave, znalazłeś w tym filmie pewną wartość i mam nadzieję, że tak. Rozważ pokazanie tego i udostępnienie go znajomemu.

A jeśli masz jakiekolwiek pytania, zachęcam do ich zadawania w sekcji komentarzy poniżej.

Uwielbiam odpowiadać na Twoje pytanie i pomagać w każdy możliwy sposób. Hej, dzięki za obejrzenie i do zobaczenia w następnym filmie.