Prilikom kreiranja sajta orijentisanog na klijenta, morate uzeti u obzir i razmisliti o mnogo stvari, od kreativnih (dizajn, sadržaj) do tehničkih (izgled, plasman na Internet). Za klijente je svaka sitnica bitna, pa je važno gledati ne samo izvan vašeg projekta – šta će korisnik vidjeti – već i iznutra, odnosno koliko brzo će korisnik to vidjeti. Studije pokazuju da otprilike polovina korisnika očekuje da će se stranica učitati za manje od dvije sekunde, a 40% korisnika će napustiti stranicu ako je potrebno više od tri sekunde da se učita. Zbog toga je izuzetno važno da se vaša stranica brzo učitava, inače rizikujete da izgubite značajan dio kupaca. Dakle, što možete učiniti da smanjite vrijeme učitavanja vaše stranice?
1. Skratite kod
Što je veći kod vašeg projekta, to je veći, što znači više vremena potrebno za njegovo učitavanje. Stoga, prije svega, morate biti sigurni da je kod optimiziran. Ovo posebno važi za prvu odredišnu stranicu, na koji korisnik padne - bit će bolje napustiti teške JavaScript skripte i Ajax ili ih uklonite na dno stranice. Pridržavajte se dobro poznatog principa KISS - Neka bude kratko i jednostavno - neka kod bude kratak i jednostavan.
Servis PageSpeed Insights iz Google-a savjetuju uklanjanje eksternog JavaScript fajl sa vrha stranice, jer ciklus operacija koje je potrebno izvršiti da bi se ona učitala značajno usporava učitavanje stranice. U ovom slučaju, preporučuje se da JavaScript kod bude umetnut ili da ga učitate nakon što se vrh stranice učita.
Ako želite da znate da li je sve u redu sa JavaScript-om na stranici na vašem sajtu, koristite ovaj servis: https://varvy.com/tools/js/
Ovaj savjet se također odnosi na HTML i CSS kod. Kao i kod JavaScripta, obratite posebnu pažnju na eksterne datoteke- na primjer, eksterne tablice stilova, koje je najbolje umetnuti u HTML ako je moguće.
2. Koristite kompresiju stranice
Postoji nekoliko tehnologija pomoću kojih možete komprimirati podatke, što može smanjiti veličinu tekstualnih resursa, a time i vrijeme učitavanja vaših stranica resursa. Na primjer, koristite gzip: ovaj uslužni program minimizira zahtjeve prema serveru iz pretraživača. Možete ga koristiti u HTTP protokolu.
Možete provjeriti da li vaša stranica koristi gzip za kompresiju podataka na ovom resursu: http://www.gidnetwork.com/tools/gzip-test.php
A klikom na sljedeću vezu možete saznati da li se općenito koristi neka tehnologija kompresije na vašoj web stranici: http://www.whatsmyip.org/http-compression-test/
3. Smanjite broj preusmjeravanja
301 preusmjeravanje se često koristi za preusmjeravanje s jedne adrese na drugu. Međutim, postoji rizik od uvođenja dodatnih mrežnih ciklusa koji mogu povećati vrijeme učitavanja stranice, posebno na mobilnim uređajima. Stoga je bolje smanjiti broj preusmjeravanja ili ih u potpunosti odbiti.
Možete provjeriti ima li preusmjeravanja na vašoj web-lokaciji pomoću ovog programa (postoji besplatna verzija): https://www.screamingfrog.co.uk/seo-spider/
4. Smanjite broj dodataka
Ovaj stav se odnosi na one koji koriste CMS: Wordpress, Joomla ili bilo koji drugi. Redovno provjeravajte listu dodataka koje koristite za one koji vam nisu potrebni ili ih više ne koristite. Smanjenje broja dodataka pozitivno će utjecati na učitavanje vaše stranice i općenito na njen rad. Ako koristite Wordpress kao sistem za upravljanje sadržajem, također možete optimizirati broj dodataka pomoću P3 (Plugin Performance Profiler) dodatka: https://wordpress.org/plugins/p3-profiler/ Ovaj dodatak će vam pokazati u vezi s performansama podatke o drugim dodacima i kako svaki od njih utječe na stranicu. Ovo će vam pomoći da odredite koje dodatke prvo treba odbaciti.
5. Optimizirajte svoje slike
Veličina slika na sajtu direktno utiče na vreme učitavanja resursa. Sve slike moraju biti optimizirane: postavite ispravnu veličinu, format i komprimirajte. Također će biti korisno riješiti se takozvanog digitalnog smeća: raznih podataka koji ulaze u sliku tokom njene obrade.
6. Koristite keš pretraživača
Koristeći keširanje, možete značajno poboljšati brzinu učitavanja vaše stranice: kada korisnik posjeti vašu stranicu po prvi put, neki JavaScript i CSS fajlovi će biti pohranjeni u kešu njegovog pretraživača, koji će se zatim automatski prikazati pri sljedećim posjetama , a pretraživač neće morati gubiti vrijeme da ih preuzme. Za keširanje, HTTP zaglavlje Expires mora biti pravilno konfigurirano. To možete učiniti tako što ćete u datoteku .htaccess, koja se nalazi u korijenskom folderu, upisati sljedeće redove:
V ovaj slučaj svi tipovi imaju period od 1 mjeseca, ali možete promijeniti vrijeme na ono što vam je potrebno: keš memorija može biti pohranjena na određeni broj godina (godine), mjeseci (mjeseci), sedmice (sedmice) ili dane (dani).
Ako koristite određeni CMS, možete instalirati poseban dodatak za to. U slučaju Wordpress-a, W3 Total Cache je prikladan: keširanje je omogućeno u postavkama (izaberite Postavke za ovaj dodatak na listi svih instalirane dodatke, a zatim Općenito - potvrdite okvir "Uključi ili isključi sve vrste keširanja (odjednom)").
7. Pratite performanse web stranice
Važno je stalno pratiti performanse svoje stranice - čak i kada mislite da ste optimizirali sve što možete. Za to postoje posebni besplatni resursi, od kojih će najpoznatiji biti navedeni u nastavku:
- već pomenuto gore Uvid u brzinu stranice: https://developers.google.com/speed/pagespeed/insights/?hl=ru
Ovaj Google alat mjeri brzinu učitavanja vašeg web resursa (od 0 do 100 bodova; što je rezultat veći, to bolje). Servis će vam dati preporuke za poboljšanje performansi, a takođe će vam pokazati koje stavke optimizacije ste završili. Imajte na umu da, budući da je Page Speed Insights podložan promjenama i prilagodbama, broj bodova koje prima vaša stranica također se može promijeniti. - Test brzine web stranice Pingdom: http://tools.pingdom.com/fpt/
Dobro Usluga na engleskom jeziku da provjerite brzinu učitavanja vašeg resursa. Posebno će biti koristan za one koji administriraju međunarodne resurse, jer vam omogućava da odaberete mjesto sa kojeg će se test obaviti: SAD, Australija ili Švedska (rezultat će varirati). Prikazuje mnogo različitih podataka i daje preporuke. - uticaj opterećenja: https://loadimpact.com/
Ova usluga vam omogućava da generirate nekoliko zahtjeva prema vašoj web-lokaciji, pomoću kojih možete saznati, prvo, prosječnu brzinu učitavanja vaše stranice, i drugo, da shvatite kako će se vaša stranica ponašati s određenim brojem zahtjeva (da li može izdržati opterećenje). - oluja sa opterećenjem: http://loadstorm.com/
Uz pomoć ove usluge možete pokrenuti prilično ozbiljno testiranje vaše stranice. Besplatna verzija Usluga će vam omogućiti da testirate svoj resurs sa 10 korisnika, ali plaćena verzija vam daje više opcija, posebno možete samostalno napisati skriptu koju će korisnici izvršavati (na primjer, kliknuti na određeno dugme ili otići na željeni odjeljak ). U tom slučaju, od vas se traži da potvrdite da ste vlasnik stranice.
Zaključak
Ako slijedite svaku od tačaka predloženih u ovom članku, možete značajno smanjiti vrijeme učitavanja vaše stranice. Ali u isto vrijeme, ne zaboravite da optimizacija ne bi trebala biti na štetu korisnika: slike bi trebale ostati atraktivne, navigacija je zgodna, a informacije razumljive i dostupne.
Podelite svoje ideje u komentarima kako da ubrzate učitavanje web resursa.
Mnogi korisnici žele da njihov računar radi brzo, pa koriste programe za brisanje privremenih datoteka, kao što je i automatsko čišćenje sistema (uključujući brisanje keša pretraživača). Ali ovo je jedan od glavnih razloga za usporavanje učitavanja stranica u pretraživaču.
Zašto pretraživači kreiraju keš memoriju?
U jednom od članaka, Alexander Shikhov je opisao,. Neću prepričavati cijeli članak, reći ću samo suštinu. Keš memorija je potrebna samo da bi se osiguralo da se stranice otvaraju vrlo brzo. Ako ga brišete svaki dan, onda kada sljedeći put pokrenete pretraživač i pokušate otvoriti svoje omiljene stranice, pretraživač će morati ponovo preuzeti iste podatke koje bi mogao otvoriti s lokalnog diska (keš memorije) u djeliću sekunde.
Zašto smo naučeni da obrišemo keš memoriju?
Dugi niz godina, programeri programa za čišćenje sistema su nas učili da je keš suvišan i da ga treba obrisati. To su jednostavno opravdali - zauzima puno prostora, koji se može racionalnije koristiti. Ali u stvarnosti, ovo je samo trik, razlog da se statistici "smeća" nađenog u sistemu doda dve-tri stotine megabajta i nekoliko hiljada fajlova. To omogućava da takav proizvod izgleda bolje u očima korisnika zbog činjenice da pronalazi više (ili ne manje) konkurenata.
To je zbog činjenice da većina ocjenjuje količinu pronađenog smeća, a ne njegov kvalitet. Ako neki program pronađe 700 megabajta smeća u sistemu, a još 900 megabajta, onda drugi program definitivno izgleda bolje. I nema veze što je 200 megabajta na vrhu dodato dodavanjem keša pretraživača, koji će za jedan dan napuniti tih istih 200 megabajta. Ovo je odličan razlog da predložite ponovno čišćenje sistema, zar ne?
Izbrišite istoriju pretraživača i privremene datoteke bez brisanja keša
Da biste spriječili brisanje keša kada koristite programe za čišćenje diska, jednostavno onemogućite čišćenje keša u postavkama programa i nastavite ga koristiti. Odmah ćete primijetiti da je počeo pronalaziti manje smeća, ali zapamtite da je to zbog nedostatka keš memorije u "smeću", zbog čega se pretraživači brže učitavaju i rad sa web lokacijama je praktičniji.
Koristi privatni način rada (inkognito način rada)
Ako ne želite da bilo koja web lokacija ostavlja tragove na vašem računaru, samo aktivirajte privatni način rada pregledavanje stranica (u njemu se aktivira kombinacijom Ctrl + Shift + N), nakon zatvaranja kojeg će sva historija i podaci o pregledanim stranicama biti izbrisani iz pretraživača i za njih niko nikada neće znati.
Predmemorija pretraživača je vrlo korisna i neophodna stvar koju ne morate brisati ako ne želite da surfovanje webom učinite nezgodnim. Ako redovno čistite keš memoriju svojih pretraživača, sve što postižete ovom akcijom je usporavanje brzine učitavanja stranice, povećanje vremena čekanja i smanjenje vlastite performanse.
Nakon što prikupite neke statistike o vremenu učitavanja stranice i efektivnoj širini kanala za stvarni korisnici, možete eksperimentirati s promjenama koje mogu poboljšati ove brojeve. U slučaju značajnih postignuća u poboljšanju ovog indikatora, vrijedno je popraviti napravljene promjene.
Neki od savjeta ispod su već predstavljeni u drugim člancima: savjeti iz Yahooa, spajanje CSS datoteka, optimizacija vremena učitavanja stranice i još mnogo toga. Međutim, ponavljanje je poučavanje, a u sljedećim savjetima postoje neke nove stvari.
Možete probati sljedeće stvari:
Ako korisnici redovno preuzimaju desetak ili više objekata koji nisu keširani ili nisu keširani, vrijedi širiti njihova preuzimanja na 4 hosta. U ovom slučaju, obično će korisnik moći uspostaviti 4 puta više veza. Bez HTTP cjevovoda, ovo će rezultirati smanjenjem gubitaka prosljeđivanja zahtjeva za oko 4 puta.
Kada generirate stranicu, suočit ćete se sa zadatkom distribucije slika na 4 različita hosta. To je najlakše učiniti s bilo kojom hash funkcijom kao što je MD5. Umjesto preuzimanja svega sa jednog http://static.example.com/, kreirajte 4 hosta (npr. static0.example.com, static1.example.com, static2.example.com, static3.example.com) i koristite 2 bita iz MD5- iznosa za svaku sliku odabrati koji će host staviti link za preuzimanje. Uvjerite se da sve stranice koriste isti algoritam podudaranja (usmjerite na isti host za svaku sliku), inače ćete se bezuspješno boriti protiv keširanja.
Vrijedi napomenuti, međutim, da dodavanje drugog hosta povećava cijenu dodatnih DNS pregleda i HTTP veza. Ako korisnici imaju omogućenu distribuciju zahtjeva ili stranica učitava manje od deset objekata ( lično bih preporučio ciljanje 5-6 po hostu, tj. sa 10 objekata možete ući u drugi host, sa 16 - u treći, a sa 25 - u četvrti), tada korisnici neće imati koristi od povećanja broja paralelnih zahtjeva, a umjesto da ubrzaju učitavanje stranice, primijetit će njegovo usporavanje. Prednosti ovaj pristupće se pojaviti samo za stranice sa veliki broj vanjski objekti. Vrijedi nekako izmjeriti razliku u vremenu učitavanja za vaše korisnike prije nego što u potpunosti implementirate ovu tehniku.
Možda je najbolji način da ubrzate učitavanje vaših stranica za ponovne posjetitelje da bezuvjetno keširate statičke slike pretraživača, stilske datoteke i skripte. Ovo ni na koji način neće pomoći prilikom učitavanja stranice za novog posjetitelja, ali će značajno smanjiti vrijeme učitavanja stranice pri ponovnim posjetama.
Razmislite o postavljanju malih objekata (ili ogledala ili njihove keš memorije) što bliže korisnicima u smislu kašnjenja mreže. Za velike web lokacije sa međunarodnom publikom možete koristiti oboje plaćene mreže isporuka sadržaja ( Mreža za isporuku sadržaja) i pojedinačni VM unutar 50 ms za 80% vaših korisnika, zajedno s mnogim dostupnim metodama za distribuciju korisničkih zahtjeva onima koji su im najbliži virtuelna mašina (usput, ovako funkcionišu sajtovi mnogih međunarodnih kompanija, uključujući Acronis, distribuirajući korisnike po lokalnim verzijama u zavisnosti od geografskog područja).
Redovno provjeravajte svoju stranicu tako što ćete se prijaviti sa "običnim" vezama. U mom slučaju, korištenje "sporog proxyja" koji emulira lošu DSL vezu sa Novog Zelanda (768Kbps ulaz, 128Kbps izlaz, 250ms latencija, 1% gubitak paketa) umjesto gigabajtne veze sa nekoliko milisekundi od servera u državama pokazalo se kao biti od velike pomoći. Vrlo brzo smo pronašli i popravili brojne funkcionalne greške i probleme upotrebljivosti.
Da bih simulirao tako sporu vezu, koristio sam module Linux kerneli netem i HTB, koji su dostupni od verzije 2.6. Oba ova modula se instaliraju naredbom . Ovo omogućava najprecizniju emulaciju koju sam mogao pronaći, ali je ne bih nazvao savršenom. Lično nisam koristio, ali, po opštem mišljenju, prema skrivena prilika u njihovom pretraživaču, što vam takođe omogućava da dobijete neke Dodatne informacije o preuzimanju.
Ako ste upoznati sa HTTP protokolom i TCP/IP na nivou paketa, možete pokušati da vidite šta se dešava koristeći tcpdump ili . Ovi alati su jednostavno neophodni za otklanjanje grešaka na mreži bilo koje vrste.
Pokušajte testirati često učitane stranice na vašoj web lokaciji za performanse lokalna mreža, koristeći onaj koji dolazi uz Apache web server. Ako server odgovara duže od 5-10 milisekundi prilikom generiranja stranice, onda je vrijedno dobro razumjeti na šta se troši vrijeme servera.
Ako ovi testovi rezultiraju vrlo velikim kašnjenjem, a proces web servera (ili CGI, ako ga koristite) pojede previše CPU-a, razlog za to često može biti potreba za kompajliranjem skripti u vrijeme izvođenja na svaki zahtjev. Takve softvera, kao eAccelerator za PHP, mod_perl za perl, mod_python za python, itd. mogu keširati skripte na strani servera u kompajliranom stanju, značajno ubrzavajući učitavanje vaše stranice. Osim toga, vrijedi pronaći alat za profiliranje za vaš programski jezik kako biste ustanovili na šta se troše CPU resursi. Ako možete popraviti uzrok velike upotrebe CPU-a, stranice će se prikazivati brže i moći ćete opsluživati više prometa na manjem broju strojeva.
Ako vaša stranica radi puno upita baze podataka ili neke druge teške proračune prilikom kreiranja stranice, razmislite o dodavanju keširanja na strani servera za spore operacije. Većina ljudi počinje pisanjem keša u lokalnu memoriju ili lokalni disk, međutim, ova logika prestaje raditi ako se vaš sistem proširi na klaster web servera ( svako sa svojim lokalni disk i lokalnu memoriju). Vrijedi razmotriti korištenje memcached-a, koji stvara vrlo brzu dijeljenu keš memoriju koja okuplja besplatne RAM svim raspoloživim automobilima. Klijenti su portovani na najčešće jezike.
(Opcionalno) Podnesite molbu dobavljačima pretraživača da omoguće slanje HTTP zahtjeva prema zadanim postavkama u novim pretraživačima. Ako se to uradi, onda nećemo morati izvoditi ove "plesove s tamburama" ( ovi trikovi) i većina weba će se brže učitavati za prosječnog korisnika. (Ovo je onemogućeno u Firefoxu, vjerovatno zbog nekih proksija, nekih balansera opterećenja i nekih verzija IIS-a ( hello Microsoft!) koji dođu u šok na zahtjeve za cjevovod. Ali izgleda da je Opera uradila dosta posla da omogući ovu funkciju podrazumevano. Zašto svi drugi pretraživači to ne mogu učiniti?)
Zaključak
Ova lista sadrži moja razmišljanja o tome kako povećati brzinu komunikacije između pretraživača i servera i može se primijeniti, općenito, na mnoge stranice, bez obzira na to kako se web server ili razvojni jezik koristi za pisanje stranice. Međutim, nažalost, sve ove stvari se rade prilično rijetko.
Iako su svi savjeti usmjereni na smanjenje vremena učitavanja stranice, pozitivne nuspojave mogu biti smanjenje prometa sa stranice i smanjenje opterećenja serverskog procesora za pregled jedne stranice. Smanjenje troškova vaše web stranice uz poboljšanje korisničkog iskustva trebao bi biti dobar razlog da potrošite neko vrijeme na ovu vrstu optimizacije.
V google chrome, slično kao i kod drugih Windows pretraživača, postoji problem što se nakon učitavanja stranice neke preuzete datoteke pohranjuju na računar.
Vremenom počinju da zauzimaju previše prostora na vašem čvrstom disku.
Potrebno je redovno brisati kolačiće, iako sve može biti u redu. Sama procedura ne oduzima puno vremena, jer je u Google Chrome-u vrlo jednostavna za izvođenje.
Šta je to
Prije nego što obrišete keš memoriju u Google Chrome-u na Windowsu, trebali biste razumjeti šta je to općenito. Termin gotovina je preuzet od engleske riječi cashe. Označava skrovište ili mjesto skladištenja. Često se naziva i "kolačićem" zbog činjenice da je riječ o tekstualnim podacima web stranice pohranjenih na korisnikovom računaru. Ako odbacimo tehničke detalje, možemo reći da takva vrsta repozitorija informacija omogućava pružanje brzo otvaranje i prikazivanje onih sajtova koje je korisnik prethodno posetio preko Chrome-a.
Uglavnom, takva skladišta su odlična opcija koja vam omogućava da uštedite svoj internet promet. Tako, na primjer, nakon što ste pogledali video na određenom sajtu, kada ga ponovo pogledate, neće biti potrebe da ga ponovo u potpunosti preuzimate sa mreže. Činjenica je da algoritmi pretraživača automatski kreiraju kopiju tog videa i stavljaju ga u memoriju računara, stvarajući tako kolačiće i keš memoriju. Takođe omogućava brže punjenje.
Međutim, ovaj slučaj ima i svoje negativne strane. Na primjer:
- Ako su napravljene promjene na stranici, nakon što je posjećena iz pretraživača i informacije o njoj su sačuvane u kolačićima, neće sve biti prikazane u novom obliku. Razlog je to što u memoriji već postoji slika stara verzija web stranicu koja se učitava algoritmima pretraživača i može se prikazati korisniku. Da biste to izbjegli, morate blagovremeno očistiti pohranu informacija;
- Druga negativna strana je da će takve informacije, ako se ne čiste duže vrijeme, potrajati jako dugo. veliki broj prostora na tvrdom disku smanjenjem njegovog slobodnog prostora.
Kako očistiti
Sama procedura je maksimalno jednostavna. Prije svega, potrebno je da pokrenete sam pretraživač Windows sistem. Sada trebate pritisnuti kombinaciju tipki Shift + Ctrl + Delete. Ovo je najviše brz način otvorite kolačiće pretraživača. To se može uraditi i na drugi način. Da biste to učinili, morate pronaći dugme za unos menija u hromu (nalazi se u najnovije verzije označeno sa tri tačke raspoređene u koloni), zove se "Postavke i upravljanje" i kliknite. 
U pojavio kontekstni meni morate odabrati stavku "Postavke", nakon čega će se otvoriti kartica sa svim parametrima dostupnim za promjene. Spuštamo se do samog dna stranice, gdje se nalazi dugme "Prikaži". dodatna podešavanja” i pritisnite ga. Tamo nalazimo odjeljak "lični podaci", gdje ćete morati kliknuti na dugme "Obriši istoriju". 
Zatim će se pojaviti prozor u kojem će, pored potrebnih skladišta datoteka, biti moguće očistiti sačuvane podatke o povijesti preuzimanja, koje su stranice posjećene, kao i informacije o lozinkama. Da biste odabrali šta će se tačno izbrisati, potrebno je da označite polje pored određene stavke. Nakon toga možete jednostavno kliknuti na dugme "Obriši istoriju" i pričekati dok se postupak ne završi.
Ovim je završena procedura za čišćenje informacija o pohranjivanju datoteka preglednika Google Chrome kroz Windows. Međutim, također je vrijedno napomenuti da u odjeljku postavki "Lični podaci" možete odrediti učestalost brisanja određene vrste spremljenih podataka u Google Chrome-u. Ovo će osigurati da ne budu izbrisane sve datoteke, već samo zastarjele i više nisu relevantne. Također, vrijedi reći da kolačići i keš imaju značajne razlike:
- Prvi su neobični tragovi koji ostaju nakon posjete stranici u obliku informacija koje se razmjenjuju između web stranica i samog hroma;
- Drugi je spremište video zapisa, muzike i fotografija preuzetih sa raznih web stranica.
Također možete izbrisati sve sačuvane datoteke čak i bez ulaska u Chrome. Da biste to učinili, morat ćete otvoriti samu mapu u Windowsu gdje su pohranjeni. 
Ovo se obično može učiniti navigacijom do C:\Documents and Settings\Admin\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache\ gdje je "Admin" vaše korisničko ime za Windows.
Izdali smo novu knjigu „Content Marketing in na društvenim mrežama: Kako ući u glavu pretplatnika i zaljubiti se u svoj brend.
Neil Patel je objavio članak o tome kako ubrzati svoju mobilnu stranicu.
Šta radi: 2014. Walmart web stranica se učitala na mobilne uređaje za 7 sekundi, prikazujući korisnike Bijeli ekran. Tokom godine, Walmart je smanjio vrijeme učitavanja stranice na 2,9 sekundi. 4 sekunde je skraćeno smanjenjem barijera za učitavanje: pojednostavljenja JavaScript kod, uklonite spore fontove, optimizirajte slike. Povećanje brzine svake sekunde povećalo je konverziju stranice za 2%.
Plus 2% samo zbog činjenice da je korisnik počeo čekati da se stranica otvori za 1 sekundu manje. Ovo je dobar razlog da provjerite svoju web stranicu. Čak i ako vam se čini da radi brzo, može se ispostaviti da još ima dodatnih sekundi i da vam ukradu profit. Neil Patel je govorio o tome kako saznati koliko je vaša stranica brza i kako je ubrzati ako je potrebno.
Irina Vinnichenko
Content Marketer SEMANTICA
Brzina učitavanja web stranice je važan parametar za promociju tražilice Oh. Mala brzina smanjuje broj kupaca na servisnim stranicama, prodaju u online trgovinama, blog publiku.
Postoji nekoliko servisa koji će vam pomoći da saznate brzinu učitavanja stranice. Neću opisivati njihove mogućnosti, brže ću ih testirati i naučiti kako servisi rade, procijeniti prednosti / nedostatke na konkretnom primjeru.
- pr-cy.ru
- mainspy.ru
- airi.rf
Više o tome kako se određuje brzina učitavanja stranice možete pročitati u članku Semantika.
U svojim člancima mnogo govorim o važnosti mobilne optimizacije. Zašto ovome pridajem toliki značaj?
jer mobilni saobraćaj Ovo je realnost digitalnog svijeta. Sada je to važnije od desktop saobraćaja. 51,3% svih korisnika interneta su korisnici mobilnih uređaja. Broj će rasti u budućnosti.
Trenutni način prilagođavanja stranice pod mobilnih uređaja je responzivni web dizajn s nenametljivim iskačućim prozorima.
Responzivni web dizajn osigurava ispravan prikaz stranica resursa na bilo kojem ekranu: tabletu, telefonu, laptopu. To radi odabirom stilskih listova, skrivanjem određenih elemenata.
Osim toga, sve najbolje prakse optimizacije razvijene za desktop računare primjenjuju se i na mobilne uređaje. Govoriću o jednom od njih - o brzini.
Zašto je važno razmišljati o brzini
Korisnici očekuju od stranice brzo učitavanje. Ako uspori, gubite tone prometa.
Dozvolite mi da vam dam primjer istraživanja. Na pitanje da li ste naišli na stranice koje se predugo učitavaju na mobilnom uređaju, 73% korisnika je odgovorilo pozitivno. 40% njih je napustilo stranicu ako je stranici trebalo više od 3 sekunde da se učita.
Postoje studije koje pokazuju da ljudi očekuju još brže učitavanje sajta – bukvalno u tren oka, odnosno u roku od 400 milisekundi.
Ne zaboravimo da se Google fokusira i na brzinu učitavanja stranice. Koristi brzinu kao faktor rangiranja.
Saznajte brzinu učitavanja vaše web stranice
Možda mislite da se vaša stranica učitava dovoljno brzo. Ali to može biti sporije nego što mislite.
Jedan od najbolji testovi Brzina mobilnog sajta - Think With Google :
Testiraćemo na Amazon.com, jer se često koristi sa mobilnih uređaja.
Proces analize traje minut ili dva.
Na kraju analize vidjet ćete tri boda:
U ovom članku važne su nam prve dvije ocjene: prilagođenost mobilnim uređajima i brzina mobilnog uređaja, odnosno prilagodljivost stranice mobilnim korisnicima i brzina preuzimanja.
Prvi rezultat pokazuje koliko je lako koristiti vašu web stranicu na mobilnom uređaju. Ovo je opća metrika. Prema ovom pokazatelju, Amazon se odlično snalazi. Ali to je loše u smislu brzine preuzimanja.
Think With Google nudi besplatnu dijagnostiku web stranice. Preporučujem da pristanete na izradu detaljnog izvještaja i da vidite šta servis nudi kao rezultat analize.
Poboljšajte dizajn svoje mobilne stranice
Prisjetite se vremena kada ste dizajnirali svoju web stranicu. Jeste li razmišljali o mobilnim uređajima? Malo vjerovatno.
Najvjerovatnije je u to vrijeme desktop bio na prvom mjestu. Ali sada moramo preispitati pristup dizajnu, uzimajući u obzir nove realnosti.
Mobilne stranice su se dosta promijenile u posljednjih nekoliko godina. U prošlosti je bilo uobičajeno imati dvije verzije web stranice – običnu, desktop i mobilnu. Potonji su se lako identifikovali po poddomenu "m":
U ovoj situaciji, mobilnim i desktop stranicama se upravlja drugačije. Mogu se porediti sa McDonald'som i McAuto-om. Desktop je McDonald's restoran. Mobilna stranica je MakAuto.
To znači da je mobilna verzija aplikacija za desktop, obavlja svoje zadatke, ali ne može pružiti uslugu i udobnost koju pruža glavna, desktop stranica.
Ali sada to nije dovoljno. Korisnici uređaja žele najbolje iskustvo. Treba im odlično brza usluga. Responzivni web dizajn pomoći će da se zadovolje njihove želje.
Responzivni web dizajn znači mogućnost da se web stranica mijenja ovisno o tome s kojeg uređaja se pristupa. Tako će korisnici mobilnih pretraživača i desktop korisnici otvoriti istu stranicu, ali kako će je vidjeti ovisit će o uređaju koji se koristi prilikom preuzimanja.
Google voli ovakav pristup, što potvrđuje i izjava kompanije: “ Adaptivni dizajn je obrazac dizajna koji Google preporučuje.”
Možda mislite: „U redu, super. Ali kako mi responzivni web dizajn može pomoći u rješavanju problema brzine.
Responzivni web dizajn obično omogućava da se stranica učita brže nego u slučaju mobilna verzija. Koristeći ga, dobijate veliku prednost u SEO-u.
Dakle, ako već nemate responzivni web dizajn, vrijeme je da počnete razmišljati o tome.
Olakšajte svoju web stranicu
Kada stranica ima puno vizualizacije, čini se da izgleda odlično. Ovo olakšava uključivanje korisnika.
Ali ponekad je vizualizacija previše. Kao rezultat toga, stranica se sporije učitava. Što je veća slika koju dodate, duže je potrebno da se učita.
Programeri ovaj kod stanja nazivaju nadimanjem, ili naduti softver. Prevedeno na jezik korisnika koji nije programer, stranica je otežana suvišnim kodom.
U većini slučajeva razlog za pojavu dodatnog koda je pretjerana usmjerenost dizajnera na vizualnu prezentaciju. To je pretjerano, jer je, naravno, potrebno razmišljati o lijepom dizajnu. Ali u isto vrijeme, djelotvornost web-mjesta ne bi trebala pasti u pozadinu.
Na sreću, efikasnost i prekrasna dekoracija savršeno se slažu. nekoliko savjeta:
Pojednostavite
Leonardo da Vinci je rekao: "Jednostavnost je krajnja granica iskustva." Skoro pet stotina godina kasnije, njegove riječi još uvijek zvuče istinito. Ako pogledate oko sebe, vidjet ćete da je sve složeno oko vas zamijenjeno minimalističkim dizajnom. Ovo također funkcionira za web stranice. Pogotovo mobilni, jer na ekranima prenosivi uređaji premalo prostora. Prostor za okretanje je lako prepuniti. Razmislite o tome kako izbjeći nered.
Obično mobilna stranica treba da ima samo jedan CTA po stranici. Takvo ograničenje će vam pomoći da skratite kod i imat će pozitivan utjecaj na korisničko iskustvo.
Evo primjera jednostavan dizajn od Rug Doctor:
Glamurozno. Bez dodatnog sjaja. Privlači pažnju.
Nisu vam potrebne jarke boje i fotografije da biste privukli pažnju korisnika. Kada je u pitanju mobilni dizajn, manje često znači više.
Skratite korake
Što manje posetilac sajta mora da uradi, to bolje.
Zašto praviti 7 koraka između kupca i kupovine, kada bi tri bila dovoljna. Skraćivanje prodajnog toka pomoći će vam da brže prodate proizvod i pojednostavite proces za samog korisnika.
Ovu strategiju koriste mnoge online trgovine. Njihovo iskustvo pokazuje da smanjenje faza lijevka povećava prodaju.
Dozvolite mi da vam dam Bodenovu mobilnu stranicu kao primjer. Tamo je vrlo lako kupiti proizvod. Samo ga dodate u korpu, popunite podatke o plaćanju, platite.
Ispravno i jednostavno. Ništa ekstra.
Opet, skraćivanjem koraka skraćujemo kod. Teško ga je učiniti ogromnim s minimalnim brojem stranica na stranici.
Koristite manje slika
Dobre slike su korisne za bilo koju stranicu. Korisnici ih vole, pomažu u SEO-u. Ali ako dobrog postane previše, ono prestaje biti dobro.
Za referencu: slike zauzimaju približno 63% težine stranice.
Od 2011. do 2015. prosječna težina mobilna stranica porastao tri puta.
Slike su najzahtjevniji elementi stranice. Zauzimaju mnogo prostora. Previše slika je loše.
Postoje dva načina za smanjenje veličine slike:
- Izrežite sliku.
- Komprimirajte sliku.
Više mi se sviđa druga opcija. Kompresija smanjuje veličinu slike, ne utiče na kvalitet, smanjuje vreme učitavanja stranice. Inače, pretraživačima je lakše indeksirati i indeksirati stranicu sa komprimiranim slikama.
Nemojte koristiti prilagođene fontove
sviđa mi se prelepi fontovi. Ali većina njih je vrlo zahtjevna.
Neki jedu tonu CSS-a, drugi otežavaju JavaScript. U svakom slučaju, moraćete da se nosite sa ogromnim kodom.
Minify Code
Minimizacija je uklanjanje svih elemenata koji nisu potrebni za ispravno postojanje koda - dodatnih razmaka, tabova, praznih redova. Minimizacija pomaže da se poveća brzina učitavanja stranice.
