Porady 8, aby przyspieszyć swoją stronę

Artykuł napisany przez:
  • Inbound Marketing
  • Zaktualizowano: Nov 02, 2018

Nawet jeśli nie mam nic innego, co do tego jestem pewien, jedno jest pewne - w swoim życiu spotkałeś przynajmniej jedną boleśnie powolną stronę. Jeśli to brzmi znajomo, pozwól mi przekazać kilka wskazówek, które zdobyłem w ciągu ostatnich kilku lat, które mogą pomóc Ci przyspieszyć działanie Twojej witryny.

Jeśli nie masz pewności, że szybkość Twojej strony jest dla Ciebie ważna, pomyśl o czasie, w którym zamknął się również okno przeglądarki podczas oczekiwania na załadowanie strony. Faktem jest, że 53% ludzi porzuca witrynę, której ładowanie zajmuje więcej niż 3 sekund.

Wydajność witryny jest ważna i odgrywa ona rolę wpływając na ranking wyszukiwarek. Na przykład Google preferuje szybkie witryny i zapewnia wyższą pozycję w wynikach wyszukiwania.

Średni czas ładowania strony w różnych branżach (źródło).

Sprawdź szybkość swojej strony

Aby rozpocząć, sprawdź, jak szybko najpierw ładuje się Twoja witryna. Niektóre zalecane narzędzia to:

  • Test strony internetowej: Zdobywaj wydajność strony internetowej z rzeczywistych przeglądarek działających na zwykłych systemach operacyjnych.
  • Pingdom: Pomaga analizować i znajdować wąskie gardła w wydajności witryny.
  • GTmetrix: Analizuj i oferuj przydatne informacje na temat najlepszego sposobu optymalizacji prędkości strony.
  • Bitcatcha: Sprawdź szybkość strony z ośmiu krajów.
Za pomocą testera prędkości witryny możesz dowiedzieć się, jak dobrze Twoja witryna jest obecnie zoptymalizowana.

Oto wskazówki, jak przyspieszyć działanie witryny ...

1. Wybierz Great Web Host

Z mojego doświadczenia wynika, że ​​hosting jest prawdopodobnie jednym z najbardziej wybitnie ważnych wyborów, które musisz zrobić. Istnieją hosty internetowe, a następnie są doskonały hosty internetowe. Każdy host internetowy będzie miał różne funkcje, dlatego należy zwrócić uwagę na kluczowe elementy, takie jak zastrzeżone technologie buforowania, dyski półprzewodnikowe lub kontrola nad krytycznymi obszarami, takimi jak nginx.

Nie mogę tego wystarczająco podkreślić. Twój wybór hosta jest niezwykle ważny. Jeśli ich nie znasz, zapoznaj się z naszą kompleksowe recenzje najlepszych hostów internetowych aby pomóc ci w podjęciu świadomej decyzji.

2. Minifikacja: Mniejsze jest lepsze

W dzisiejszych czasach witryny internetowe przepełniają się plikami JavaScript i CSS. Generuje to mnóstwo żądań HTTP podczas wizyty, co może znacznie spowolnić Twoją witrynę. Tutaj pojawia się minifikacja.

Minimalizowanie plików JavaScript i CSS odbywa się poprzez połączenie wszystkich skryptów w jeden plik (każdego typu). Nie jest to łatwe zadanie, ale nie martw się, są wtyczki WordPress, które poradzą sobie z tym.

Wypróbuj jedną z nich na początek: Autoptimize, Szybka prędkość Minify or Scal + Minuj + Odśwież

Minikacja może sprawić, że Twój kod będzie wyglądał na pomieszany - nie przejmuj się! To normalne.

3. Przestrzegaj zasady KISS

To nie jest coś, czego zwykle uczy się większość guru sieci, ale odkryłem, że jest to niezwykle użyteczne na tak wiele sposobów. KISS jest akronimem "Keep it simple, stupid". Został wymyślony przez jakiegoś inteligentnego użytkownika w 1960, który podkreślił wydajność prostych systemów.

Zasadniczo uważam, że dotyczy to niemal wszystkiego w życiu - nawet przy tworzeniu stron internetowych. Unikając nadmiernie złożonych implementacji i projektów, zyskasz na stronie, która jest szybka i co ważniejsze, łatwa w zarządzaniu i utrzymaniu.

Projekt i grafika

Utrzymując twój projekt i wizualne proste, mam na myśli głównie zmniejszenie obciążenia. Strona o masywnych, zapierających dech w piersiach obrazach i oszałamiających filmach wideo będzie ładować się tak szybko, jak lenistwo w zły dzień. Zachowaj porządek i spróbuj podzielić wideo i ładowanie obrazu na różne strony.

Kod i wtyczki

WordPress jest tak wspaniałą rzeczą, ponieważ jest wysoce modułowy, a jednocześnie tak prosty w użyciu. Bez względu na to, co chcesz zrobić, prawdopodobnie ktoś to zrobił już zaprojektował wtyczkę do tego.

Choć brzmi to niezwykle ekscytująco, uważaj na przeciążanie witryny wtyczkami. Pamiętaj, że każda wtyczka została zaprojektowana przez różnych ludzi (i prawdopodobnie różne firmy). Ich celem jest osiągnięcie określonego celu, a nie usprawnienie wydajności witryny.

Jeśli możesz, unikaj wtyczek do rzeczy, którymi możesz zarządzać samodzielnie. Weźmy na przykład wtyczkę, która pomoże ci wstawić tabele do twojego tekstu. Możesz łatwo nauczyć się podstawowego kodu HTML, aby rysować tabele zamiast używać wtyczki do tego, prawda?

Niektóre pojedyncze wtyczki mogą znacznie spowolnić Twoją witrynę, więc upewnij się, że wykonujesz test prędkości za każdym razem, gdy instalujesz nową wtyczkę!

4. Wykorzystaj w sieciach dostarczania treści

Dla mnie sieci dostarczania treści są darem od bogów. Firmy takie jak Cloudflare i LimeLight Networks zarabiaj, pomagając innym ludziom cieszyć się stabilnym i szybkim dostarczaniem treści przez sieci serwerów zlokalizowanych na całym świecie.

Korzystanie z CDN znacznie przyspieszy obsługę stron internetowych i zwiększy prędkość ładowania bez względu na to, skąd pochodzą użytkownicy.

Poza tym używanie CDN zapewnia dodatkową ochronę przed złośliwymi atakami, takimi jak Rozproszona odmowa usługi (DDoS).

Jeśli jesteś właścicielem małej strony internetowej, Cloudflare ma darmową opcję, której możesz użyć, która działa dobrze. Korporacje i większe witryny będą musiały zapłacić, aby dostać się na lepszy plan, ale biorąc pod uwagę atuty CND, to jest warte swojej ceny!

5. Wykorzystaj buforowanie

Buforowanie jest dokładnie tak, jak się wydaje - przechowywanie statycznych plików, aby odwiedzający mogli korzystać z wcześniej utworzonych stron, dzięki czemu czas przetwarzania został skrócony. W większości przypadków należy zainteresować się buforowaniem po stronie serwera.

Najbardziej efektywnym sposobem implementacji buforowania po stronie serwera jest użycie ustawień w twoim Apache or nginx serwer. Będziesz musiał przejrzeć te dokumenty i znaleźć odpowiednie ustawienia, które pomogą Ci ustawić buforowanie serwera.

Zasada kciuka polega na tym, że wszystko, co wymaga dużej ilości wsparcia serwera (przetwarzania), powinno być buforowane, jeśli to możliwe.

Jeśli okaże się to dla ciebie zbyt dziwne, wtyczki są inną opcją, ale znowu nie polecam tego w tym przypadku.

6. Obrazy Hog Bandwidth, Optymalizuj swoje!

Jest to trochę rozszerzenie mojego wcześniejszego rantu przeciwko masowym obrazom i filmom wideo, zgodnie z zasadą KISS. Biorąc to pod uwagę, zdaję sobie sprawę, że grafika jest kluczem do stworzenia witryny wyglądającej ładnie. Ponieważ nie możemy całkowicie uniknąć ich użycia, upewnijmy się, że używane obrazy są maksymalnie uproszczone,

Treści internetowe są w większości podstawowe, nawet jeśli chodzi o obrazy. Większość stron internetowych, które spotkałem, które ładują się jak umierające świnie, często są przeciągane przez masowe obrazy, które nie służą żadnemu celowi.

Nie mówię, że nie możesz mieć większych zdjęć, ale upewnij się, że są odpowiednio zoptymalizowane przed ich przesłaniem.

Można to zrobić na dwa sposoby. Ponownie, pierwszy jest przez wtyczkę jak WP Smush. Alternatywą lub dla tych, którzy nie używają WordPressa, jest narzędzie do optymalizacji obrazu innej firmy, takie jak Image Compressor or Optymalizator JPEG.

Większość narzędzi do optymalizacji obrazu pozwala na dopracowanie szczegółów rozdzielczości na obrazach, aby można było stopniowo ją zmniejszać. Będą wyglądać mniej więcej tak samo dla niewprawnego oka, ale o wiele mniejszym rozmiarze.

Są one powiększane w obszarach obrazu HD (po lewej). Oryginał był 2.3MB i po optymalizacji został zredukowany do 331kb!

7. Użyj kompresji gzip

Jeśli słyszałeś o kompresji obrazu lub archiwizacji (ZIP lub RAR), to prawdopodobnie zapoznasz się z teorią kompresji gzip. Powoduje to kompresję kodu witryny, powodując zwiększenie prędkości do 300% (wyniki różnią się).

Nawet jeśli chodzi o coś tak technicznego, możesz iść dalej i użyć wtyczki takiej jak PageSpeed ​​Ninja. Istnieje jednak znacznie bardziej wydajna metoda, która obejmuje tylko edycję pliku .htaccess jeden raz.

Dodaj poniższy kod do pliku .htaccess, a ustawisz:

<IfModule mod_deflate.c> # Kompresja HTML, CSS, JavaScript, tekstu, XML i czcionek AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType DEFLATE application / x-font AddOutputFilterByType DEFLATE application / x-font-opentype AddOutputFilterByType DEFLATE application / x-font-otf AddOutputFilterByType DEFLATE application / x-font-truetype AddOutputFilterByType DEFLATE application / x-font-ttf AddOutputFilterByType DEFLATE application / x-javascript AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE czcionki / czcionek OpenType AddOutputFilterByType DEFLATE / OTF AddOutputFilterByType DEFLATE czcionki / ttf AddOutputFilterByType DEFLATE image / svg + xml AddOutputFilterByType DEFLATE image / x-icon AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

* Uwaga: upewnij się, że dodajesz ten kod PONIŻEJ aktualnych rzeczy w pliku .htaccess.

8. Redukcja przekierowań

Zwykle przeglądarki akceptują różne formy adresów, które z kolei są tłumaczone na uznane przez serwer. Weź na przykład www.example.com i example.com. Oba mogą przejść do tej samej witryny, ale jeden serwer wymaga przekierowania na oficjalnie uznany adres.

To przekierowanie zabiera trochę czasu i zasobów, więc Twoim celem jest zapewnienie, że Twoja witryna będzie dostępna za pośrednictwem nie więcej niż jednego przekierowania. Użyj tego przekierować mapera aby sprawdzić, czy robisz to dobrze.

Biorąc pod uwagę złożoność wykonywania tego prawa i czasu na bieżąco, jest to jeden raz, polecam użycie wtyczki takiej jak przekierowanie.

Szybsze strony internetowe Zachowaj użytkowników (i Google) Happy

Szybkości łączy szerokopasmowych już dziś, nawet na urządzeniach mobilnych, wzrosły tak bardzo i będą rosły jeszcze bardziej. Oznacza to, że właściciele witryn internetowych nie mają zbyt wiele powodów, aby ich użytkownicy znosili powolne ładowanie witryn.

Uwierz mi, będziesz tracić gości i w pewnym momencie zyskasz tak złą reputację, że będziesz znany jako "Och, ŻE stronie internetowej". Jeśli jesteś w biznesie online, to jeszcze gorzej, bo zabijasz swoją złotą gęś.

Chociaż powyższe wskazówki 8, które dostarczyłem, w żadnym wypadku nie są wszystkim i kończą wszystko, powinien dać ci początek i kilka pomysłów, jak lepiej zarządzać rzeczami. Przyspiesz swoją witrynę już dziś i zatrzymaj swoich klientów lub odwiedzających.

Nie kończ jako ŻE stronie internetowej.

O Timothy Shim

Timothy Shim jest pisarzem, redaktorem i tech geekiem. Rozpoczynając karierę w dziedzinie technologii informatycznych, szybko znalazł drogę do druku i od tego czasu współpracował z międzynarodowymi, regionalnymi i krajowymi tytułami medialnymi, takimi jak ComputerWorld, PC.com, Business Today i The Asian Banker. Jego wiedza specjalistyczna dotyczy technologii zarówno z punktu widzenia konsumenta, jak i przedsiębiorstwa.