8 savjeta za ubrzavanje web stranice

Čak i ako nema ničega u što sam siguran, jedno je sigurno – u životu ste naišli na barem jedno bolno usporeno web mjesto. Ako vam se to zvuči poznato, dopustite mi da vam prenesem savjete koje sam stekao zadnjih nekoliko godina, a koji vam mogu pomoći da ubrzate web mjesto.


Ako niste sigurni da vam je važna brzina web stranice, razmislite o vremenu tijekom kojeg ste zatvorili i prozor preglednika dok čekate da se web lokacija učita. Činjenica je da 53% ljudi napušta web stranicu kojoj je potrebno više od 3 sekunde.

Učinkovitost vaše web stranice bitna je i ona igra ulogu u utjecaju na ljestvicu vaše tražilice. Na primjer, Google preferira brze web stranice i daje one viši rang u rezultatima pretraživanja.

Prosječno vrijeme učitavanja web stranica u različitim djelatnostima (izvor).

Testirajte brzinu svoje web lokacije

Za početak testirajte najbrže učitavanje web lokacije. Neki preporučeni alati su:

  • WebPageTest: prikupite performanse web stranica iz stvarnih preglednika koji imaju uobičajene operativne sustave.
  • Pingdom: Pomaže u analizi i pronalaženju uskih grla u izvedbi web stranice.
  • GTmetrix: Analizirajte i ponudite djelotvorne uvide o najboljem načinu optimizacije brzine web stranice.
  • Bitcatcha: Provjerite brzinu stranice iz osam zemalja.

Pomoću testera za brzinu web stranice moći ćete saznati koliko je trenutačno dobro optimizirano vaše web mjesto.

Evo savjeta kako ubrzati web mjesto …

1. Odaberite sjajnog web domaćina

Prema mom iskustvu, web hosting je možda jedan od najvažnijih izbora koje ćete morati donijeti. Postoje web domaćini i onda postoje izvrsni web domaćini. Svaki web domaćin imat će različite značajke, pa pripazite na ključne stavke poput vlasničkih tehnologija keširanja, SSD pogona ili kontrole nad kritičnim područjima kao što je NGINX.

Ne mogu to dovoljno naglasiti. Vaš izbor web domaćina je izuzetno važan. Ako s njima niste upoznati, pogledajte naše opsežne preglede najboljih web domaćina koji će vam pomoći da dobro informirate odluku.

2. Minifikacija: Manje je bolje

Danas je uobičajeno da web stranice prepune Javascript i CSS datoteke. To generira tonu HTTP zahtjeva tijekom posjeta, što može znatno usporiti web mjesto. Tu dolazi do minifikacije.

Kompliciranje datoteka Javascript i CSS vrši se kombiniranjem svih vaših skripti u jednu datoteku (svake vrste). To nije lak zadatak, ali ne brinite, postoje WordPress dodaci koji to mogu riješiti za vas.

Pokušajte s jednim od ovih za početak s: Automatski optimizirajte, Brzo umanji brzinu ili Spaja + Umanji + Osvježi

Kompresija može uzrokovati da vaš kôd bude splašen – nemojte se uzbuniti! Ovo je normalno.

3. Slijedite princip KISS

To nije nešto što obično uči većina web gurua, ali smatrao sam to izuzetno korisnim na tako mnogo načina. KISS je kratica za “Neka bude jednostavno, glupo”. Nju je izmislio neki pametni čovjek 1960-ih koji je naglašavao učinkovitost jednostavnih sustava.

U pravilu, mislim da se to odnosi na gotovo sve u životu – čak i na postavljanju web stranica. Izbjegavanjem pretjerano složenih implementacija i dizajna, dobit ćete prednost od mjesta koje je brzo i što je još važnije, lako za upravljanje i održavanje.

Oblikovati & Vizualni

Čuvajući vaš dizajn i vizualno jednostavan, ono što mislim, uglavnom je u obliku smanjenja troškova. Web-lokacija prepuna masivnih snimaka koji oduzimaju dah i zapanjujućih videozapisa vjerojatno će se učitati jednako brzo kao i lijenost lošeg dana. Budite uredni i uredni i pokušajte podijeliti svoje videozapise i učitavanje slika na različite stranice.

Kodirati & Dodaci

WordPress je tako divna stvar jer je vrlo modularna, a opet tako jednostavna za korištenje. Bez obzira na to što želite učiniti, vjerovatno je da je netko već dizajnirao dodatak za to.

Koliko god to zvučalo uzbudljivo, pripazite da web stranicu preopterećujete dodacima. Imajte na umu da svaki dodatak dizajniraju različite osobe (i vjerojatno različite tvrtke). Njihova je svrha postizanje određenog cilja, a ne pojednostavljivanje performansi vaše web stranice.

Ako možete, izbjegavajte dodatke za stvari kojima možete sami upravljati. Uzmimo za primjer dodatak koji će vam pomoći da umetnete tablice u svoj tekst. Možete jednostavno naučiti neki osnovni HTML kôd za crtanje tablica umjesto da za to morate koristiti dodatak?

Neki pojedinačni dodaci mogu znatno usporiti vaše web mjesto, stoga obavezno napravite test brzine svaki put kada instalirate novi dodatak!

4. utjecati na mreže za isporuku sadržaja

Mene, Mreže za isporuku sadržaja dar su od bogova. Tvrtke poput Cloudflare i LimeLight Networks zarađuju za život pomažući drugim ljudima da uživaju u stabilnoj i brzoj isporuci sadržaja putem mreža poslužitelja smještenih širom svijeta.

Korištenje CDN-a pomoći će vam da brže opslužujete svoje web stranice i poboljšava brzinu učitavanja bez obzira iz kojeg svijeta dolaze vaši posjetitelji.

Osim toga, korištenje CDN-a nudi i dodatnu zaštitu od zlonamjernih napada poput Distribuiranog uskraćivanja usluge (DDoS).

Ako ste vlasnik male web lokacije, Cloudflare ima besplatnu opciju koju možete koristiti i to je sasvim u redu. Poduzeća i veće web stranice morat će platiti kako bi ostvarili bolji plan, ali s obzirom na dobrobiti CND-a, to vrijedi cijenu!

5. Iskoristite kresanje

Keširanje radi točno onako kako zvuči – pohranjivanje statičkih datoteka kako bi posjetitelji mogli dijeliti stranice sa prethodno izgrađenih stranica kako bi se smanjilo vrijeme obrade. U većini slučajeva ono što vas treba zanimati je keširanje na strani poslužitelja.

Najefikasniji način provođenja predmemoriranja na strani poslužitelja je kroz postavke u vašem Apache ili NGINX poslužitelju. Trebat ćete proći kroz te dokumente i pronaći prave postavke koje će vam pomoći u postavljanju keširanja vašeg poslužitelja.

Pravilo palca je da sve što treba puno rada na poslužiteljskoj podršci (obradi) treba spremiti u predmemoriju ako je moguće.

Ako vam postane previše čudno, dodaci su druga opcija, ali opet, ne preporučujem vam da u ovom slučaju pribjegavate tome.

6. Slike širine pojasa, optimizirajte svoju!

Ovo je malo proširenje za moju raniju bijes protiv masivnih slika i videozapisa prema principu KISS. S obzirom na to, razumijem da su vizualni snimci ključni za postizanje lijepog izgleda web mjesta. Budući da njihovu upotrebu ne možemo u potpunosti izbjeći, pobrinimo se da slike koje koristite budu što strujnije,

Web sadržaj uglavnom je osnovni, čak i kada je riječ o slikama. Većina web lokacija s kojima sam se susreo u teretima poput umirućih svinja često se povlači nizom slika koje ne služe nikakvoj svrsi.

Ne kažem da ne možete imati veće slike, ali provjerite jesu li pravilno optimizirane prije prijenosa.

Postoje dva načina da to učinite. Opet, prvi je putem dodatka kao što je WP Smush. Alternativa ili onima koji ne koriste WordPress je alat za optimizaciju slike treće strane, poput Image Compressor ili JPEG Optimizer.

Većina alata za optimizaciju slike omogućit će vam da precizirate detalje rezolucije na svojim slikama kako biste ih mogli postupno smanjivati. Izgledat će prilično isto neobrazovano oko, ali znatno manje veličine.

Zumiraju se u područjima HD slike (slijeva). Original je bio 2,3MB, a nakon optimizacije smanjen je na 331kb!

7. Koristite gzip kompresiju

Ako ste čuli za kompresiju slike ili možda za arhiviranje (ZIP ili RAR), vjerojatno ćete biti upoznati s teorijom koja stoji iza gzip kompresije. To komprimira kôd vaše web stranice, što rezultira povećanjem brzine i do 300% (rezultati variraju).

Čak i za nešto tako tehnički, možete ići odmah i koristiti dodatak kao što je PageSpeed ​​Ninja. Međutim, postoji mnogo učinkovitija metoda koja uključuje samo uređivanje vaše .htaccess datoteke.

Dodajte kôd u svoju datoteku .htaccess i bit ćete postavljeni:

# Stisnite HTML, CSS, JavaScript, tekst, XML i fontove

Aplikacija / javascript AddOutputFilterByType DEFLATE

Aplikacija AddOutputFilterByType DEFLATE / rss + xml

Aplikacija AddOutputFilterByType DEFLATE / vnd.ms-fontobject

Aplikacija AddOutputFilterByType DEFLATE / x-font

Aplikacija AddOutputFilterByType DEFLATE / x-font-opentype

Aplikacija AddOutputFilterByType DEFLATE / x-font-otf

Aplikacija AddOutputFilterByType DEFLATE / x-font-truetype

Aplikacija AddOutputFilterByType DEFLATE / x-font-ttf

Aplikacija AddOutputFilterByType DEFLATE / x-javascript

Aplikacija AddOutputFilterByType DEFLATE / xhtml + xml

Aplikacija AddOutputFilterByType DEFLATE / xml

Font / opentype AddOutputFilterByType DEFLATE

Font AddOutputFilterByType DEFLATE DEFLATE / otf

Font AddOutputFilterByType DEFLATE DEFLATE / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-ikona

AddOutputFilterByType DEFLATE tekst / css

AddOutputFilterByType DEFLATE tekst / html

AddOutputFilterByType DEFLATE tekst / JavaScript

Tekst / običan tekst AddOutputFilterByType DEFLATE

Tekst AddOutputFilterByType DEFLATE / xml

* Napomena: Obavezno dodajte ovaj kôd ispod stvari koje trenutno imate u .htaccess datoteci.

8. Smanjivanje preusmjeravanja

Preglednici normalno prihvaćaju različite oblike adresa koje vaš poslužitelj zauzvrat prevodi u priznate službene adrese. Uzmimo za primjer www.example.com i example.com. Oboje mogu ići na istu stranicu, ali jedan zahtijeva od vašeg poslužitelja da ga preusmjeri na službeno priznatu adresu.

To preusmjeravanje zahtijeva neko vrijeme i resurse, tako da je vaš cilj osigurati dostupnost vaše web stranice kroz više od jednog preusmjeravanja. Upotrijebite ovaj preslikač preusmjeravanja da biste vidjeli hoćete li ispravno raditi.

S obzirom na složenost ispravnog ponašanja i stalno uključeno vrijeme, ovo je jedan put da bih vam preporučio dodatak kao što je preusmjeravanje.

Brže web stranice održavaju posjetitelje (i Google) sretnima

Brzopojasne brzine danas, čak i na mobilnim uređajima, toliko su porasle i još više će se povećavati. To znači da je vlasnicima web stranica ostalo vrlo malo izgovora da im posjetitelji postave sporo učitavanje web mjesta.

Vjerujte mi, nastavit ćete gubiti posjetitelje i u jednom ćete trenutku steći tako lošu reputaciju da ćete biti poznati kao “Oh, TO web mjesto”. Ako ste u internetskom poslu, to postaje još gore jer ćete ubiti vlastitu zlatnu gusku.

Iako navedenih 8 savjeta koje sam pružio ni na koji način nisu sve i na kraju, trebao bi vam dati početak i neke ideje kako malo bolje upravljati stvarima. Ubrzajte svoju web stranicu danas i zadržite svoje kupce ili posjetitelje.

Nemojte završiti kao TO web stranica.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map