Si të rritet ngarkesa e faqes. Heqja e pyetjeve të panevojshme në kodin e shabllonit

Drejtor i marketingut i një prej divizioneve Optify. Ka një eksperiencë 20 vjeçare në lançim produkte të ndryshme dhe shërbimet në tregtinë elektronike, Lojra kompjuterike dhe fusha të tjera.

Algoritmet e renditjesGoogle merr parasysh shpejtësinë e ngarkimit të faqes

9 prill 2010 vite google kanë njoftuar zyrtarisht se algoritmet e tyre marrin parasysh shpejtësinë e ngarkimit të faqeve. Thashethemet kishin qarkulluar shumë kohë më parë - kur kompania filloi t'i kushtonte vëmendje të veçantë shpejtësisë, duke lëshuar produkte Chrome ( shfletues i shpejtë) dhe SPDY ( protokoll i shpejtë transmetimet e përmbajtjes në ueb) dhe promovimi ultra i shpejtë kanalet me brez të gjerë... Në këtë artikull, ne do të përpiqemi të shpjegojmë se si Google përcakton shpejtësinë dhe si mund të kontrolloni shpejtësinë e ngarkimit të faqes tuaj dhe ta rrisni atë.

Ne besojmë se shpejtësia e ngarkimit të faqesështë një shtesë e shkëlqyer për pjesën tjetër të listës së faktorëve që përcaktojnë renditjen e faqeve në Google, për dy arsye kryesore:

1. Shpejtësia e ngarkimit të faqesështë jashtëzakonisht e rëndësishme për përvojën e përdoruesit. Hulumtimet tregojnë se një orë troket në mendjen e përdoruesit mesatar ndërsa ata presin që një faqe të hapet. Me rritjen e shpejtësisë së përdorimit të internetit në përgjithësi, janë rritur edhe pritshmëritë për sa i përket shpejtësisë. mund të lexoni postimin e Google për këtë temë testimi i brendshëm shpejtësia dhe ndikimi i saj. Kështu që,

2. Shpejtësia e ngarkimit të faqesështë një faktor që një zhvillues mund të matë, gjurmojë dhe optimizojë. Shumë në Algoritmi i Google përtej kontrollit tonë, por ne mund ta përmirësojmë këtë tregues. Më poshtë janë renditur disa mjete që mund të përdorni për të analizuar shpejtësinë e një faqe interneti, si dhe 6 këshilla për të përmirësuar shpejtësinë dhe renditjen e ngarkimit të faqeve.

Si e përcakton Google shpejtësinë?

Ekzistojnë dy metoda kryesore për të analizuar ngarkesën e faqes:

1. Përgjigja ndaj një roboti të Google. GoogleBot është një program agjenti që zvarritet lidhjet në të gjithë rrjetin, duke kategorizuar faqet dhe përmbajtjen dhe duke i dërguar të gjitha te Google, i cili përpunon të dhënat duke përdorur algoritmin e vet. Boti i Google thjesht mbledh informacion; ai nuk e analizon apo vlerëson atë. Megjithatë, ai ka disa kufizime në lidhje me atë se sa plotësisht zvarritet një faqe e caktuar, pasi kërkon shumë kohë për të skanuar miliarda faqe. Kjo është një nga arsyet pse rekomandohet të keni kod të pastër, të vendosni përmbajtje të mirë në krye të faqes dhe të vendosni kodin e kopjuar (si CSS) në skedarë të veçantë.

2. Koha e ngarkimit nga Të dhënat e Google Shiriti i veglave. Google është shumë agresiv në promovimin dhe popullarizimin e mjeteve të tij falas. Një arsye për këtë është aftësia e Google për të përdorur pultin e saj si një platformë për analizimin e sajteve dhe faqeve individuale.

Mjete për matjen e shpejtësisë së ngarkimit të faqes

Ka shume mjete falas dhe shtojca për matjen e performancës së faqes. Këtu janë disa nga më të mirat, sipas mendimit tonë:

1. Nëse keni një llogari Google Webmaster (dhe duhet të keni një të tillë), atëherë mund të përdorni një mjet të veçantë në seksionin Labs. Ai do t'ju lejojë të merrni ide e pergjithshme se sa shpejt ngarkohen faqet tuaja në lidhje me faqet e faqeve të tjera në statistika.

2. Shpejtësia e faqesështë një shtesë për shfletuesit Firebug / Firefox që zbulon se sa mirë po ngarkohet një faqe dhe jep rekomandime se si ta rregulloni atë.

3. YSlowështë një shtesë tjetër për Firebug / Firefox që analizon shpejtësinë dhe ofron rekomandime.

Çfarë do të thotë për ju ky ndryshim algoritmi

Përmirësimi i shpejtësisë së ngarkimit të faqes nuk është aq kritik sa, të themi, i saktë etiketat e titullit, struktura e URL-së, përmbajtje unike ose lidhje cilësore hyrëse. Por duke qenë të gjitha gjërat e tjera të barabarta, faqja që ngarkohet më shpejt ka një avantazh. Pa dyshim faqe të shpejta më i përshtatshëm për përdoruesit, që do të thotë një rritje e vizitave, një rënie në tregues pamje të panevojshme dhe një rritje në numrin e shikimeve për vizitë. Sido që të jetë, është më mirë të bëni çmos që faqet tuaja të ngarkohen shpejt.

6 mënyra për të rritur shpejtësinë e ngarkimit të faqes tuaj dhe për të rritur renditjen tuaj

1. Optimizoni imazhet tuaja: imazhet e mëdha mund të priten, të kompresohen dhe të ngarkohen më shpejt.
2. Në vend të imazheve të sfondit, thjesht përdorni ngjyrat: kjo do të ngarkohet më shpejt.
3. Përdorni cache: ruajtja e memories është e përshtatshme për përdoruesit, pasi fotografitë dhe skedarët e tjerë statikë shkarkohen vetëm në vizitën e parë, dhe në vizitat pasuese nuk kërkohet më.
4. Ngarkoni JavaScript-in e jashtëm dhe telefonat që mund të telefononi të fundit: gjëja më e keqe që mund të bëni është t'i bëni vizitorët tuaj të presin që të gjithë përmbajtja të ngarkohet në të njëjtën kohë. Sa herë që është e mundur, sigurohuni që përmbajtja juaj të jetë ngarkuar së pari dhe përmbajtja e jashtme më pas.
5. Përdorni skedarë të veçantë për kodin e përsëritur: skedarët e veçantë përdoren më shpesh me tabela Stilet CSS dhe ju lejon të lehtësoni kodin html të faqes (më pak rreshta kodi), si dhe të siguroni një skedar qendror, të lehtë për t'u gjetur për të bërë ndryshime në pjesë të rëndësishme të kodit (për shembull, në fletët e stileve).
6. Përdorni stilet CSS në vend të tabelat HTML: Përpara se të ngarkoni vetë fletën e llogaritjes, shfletuesit e uebit (IE, Firefox, etj.) presin që të ngarkohet e gjithë përmbajtja e saj. CSS e bën këtë proces më të shpejtë (dhe më të lehtë për tu përditësuar).

1. Zgjidhni një nga mjetet e mësipërme dhe instaloni atë.
2. Testoni shpejtësinë e ngarkimit për faqen kryesore dhe disa faqe të tjera të llojeve të ndryshme.
3. Përcaktoni se cilët komponentë mund të përmirësohen. Diskutoni këtë me stafin tuaj teknik dhe webmasterin.
4. Për krahasim, kryeni të njëjtat teste me faqet e konkurrentëve.

Shpresoj që të gjitha sa më sipër do t'ju ndihmojnë të shpejtoni ngarkimin e faqeve të faqes suaj - si përdoruesit ashtu edhe motorët e kërkimit do ta vlerësojnë atë.

Përshëndetje të dashur lexues! Kohët e fundit kam marrë një koment në të cilin më është bërë pyetja: cili është sekreti im i ngarkimit të shpejtë të faqes? Vendosa të mos përgjigjem me një koment (shkruaj shumë), por të shkruaj një postim të dobishëm për këtë temë për të gjithë menjëherë. Kjo do të thotë, sot do të flasim për një faktor kaq të rëndësishëm si.

Pse mendoni se nevojitet një faqe me ngarkim të shpejtë? Le të mendojmë logjikisht. Ne shkruajmë për njerëzit, njerëzit duhet të lexojnë postimet tona dhe të fitojnë njohuri. Faqja ose blogu ynë është një platformë për postimin e njohurive! Qasja në to duhet të jetë e hapur dhe e shpejtë. Po sikur faqja juaj të marrë 15-20 sekonda për t'u ngarkuar? A do të vendoste përdoruesi të qëndrojë në të? Përgjigja është e paqartë - JO!

Përkundrazi, vizitori nuk do të jetë më juaji, por konkurrenti juaj! Edhe nëse ai është më poshtë rezultatet e kërkimit... Edhe nëse shkruani artikuj të mëdhenj, por urimet për më të mirat, mezi prisni suksesin.

Siç thashë më parë: Duhet të kurseni kohë. Rrjedh në një drejtim dhe nuk mund të kthehet! Ju mund t'i ktheni paratë tuaja, ose ndonjë gjë tjetër, por nuk ka asnjë mënyrë për kohë! Çfarë po bëj? Dhe për faktin se duhet të respektoni si kohën tuaj ashtu edhe kohën e të tjerëve! Thjesht duhet të bëni disa hapa elementare, dhe faqja / blogu juaj do të hapet shumë më shpejt, dhe me këtë do të shtohen më shumë se një vizitor.

Shpejtësia e ngarkimit të faqes në internet — faktor i rëndësishëm kur vendosni faqen. Është e nevojshme të përpiqeni me çdo mjet, të reduktoni kohën e pritjes së vizitorit. Po kështu motorët e kërkimit “shikojnë” shpejtësinë dhe nëse ajo është e ulët (faqja kërkon shumë kohë për t’u ngarkuar), atëherë ka më pak respekt. Dhe nëse ka më pak respekt, atëherë do ta gjeni veten larg TOP-it.

Tani do të kuptojmë se si rrisin shpejtësinë e ngarkimit të faqes në internet, por para këtyre ne do të analizojmë disa shërbime në të cilat mund të kontrolloni pikërisht këtë shpejtësi.

Kontrolli i shpejtësisë së ngarkimit të faqes në internet

1) Shpejtësia e faqes në internetështë një kontrollues i shpejtësisë së faqes në internet nga Google. Përveç kontrollit të shpejtësisë, shërbimi jep një listë rekomandimesh për përshpejtimin dhe optimizimin e faqes. Një gjë shumë e dobishme!

2) Mjetet Pingdom - shërbim online kontrolli i shpejtësisë që është i denjë për një hark të ulët. Herën e parë që vendosa të testoja shpejtësinë e blogut tim, e përdora atë. Ai gjithashtu ofron rekomandime dhe këshilla të ndryshme.

3) është shërbimi i tretë që, për mendimin tim, meriton vëmendje. Këtu, shpejtësia mesatare përcaktohet nga gjenerimi i kërkesave.

4) WebWait - në dukje e thjeshtë, por shumë shërbim i përshtatshëm... Vendosni adresën e faqes tuaj në një dritare të veçantë, prisni pak dhe rezultati juaj është gati. Më duket se ky shërbim përcakton kohën më të saktë.

Këto janë shërbimet për të cilat ju ofroj kontrolli i shpejtësisë së ngarkimit të faqes në internet... A e keni kontrolluar faqen tuaj? Tani është koha për të shkuar te gjëja kryesore - përshpejtimi i faqes .

Si të shpejtoni shpejtësinë e ngarkimit të faqes në internet?

Është koha, le të flasim për përshpejtimin e ngarkimit të faqes në internet. Çfarë mendoni, nga çfarë në shumicën e rasteve shpejtësi të ulët ngarkimi i faqes? Sigurisht, për shkak të të gjitha llojeve të dekorimeve, veglave, imazheve që shfaqen kudo që të jetë e mundur, videove, etj.

Po, sigurisht edhe për këtë, por jo vetëm. Shpejtësia gjithashtu ndikohet kode të ndryshme, skriptet, cache dhe të ngjashme. Prandaj, është e nevojshme që e gjithë kjo të optimizohet sa më mirë, gjithçka duhet të jetë profesionale. si është? - ju pyesni. Është e thjeshtë, tani do t'ju mësoj!

1. Optimizimi i imazheve

Gjëja e parë që do të doja të theksoja është nevoja për të optimizuar siç duhet imazhet. Nëse ka shumë imazhe të ndryshme, nuk është e nevojshme t'i fshini të gjitha për të përshpejtuar shkarkimin, thjesht duhet t'i optimizoni saktë.

Kjo është, ju duhet të ndryshoni madhësinë dhe peshën e imazhit. Nëse keni nevojë për një imazh 300 × 225 në faqen tuaj, por e keni atë 600 × 450 - ndryshoni atë përmes çdo redaktori grafik, p.sh Adobe Photoshop ().

Gjithashtu, përveç madhësisë së imazhit, ju duhet të zgjidhni më shumë madhësi më të vogël... Sa më e madhe të jetë madhësia e imazhit, aq më e ngadaltë është shpejtësia e shkarkimit. Sidomos ata me një lidhje të ngadaltë në internet. Prandaj, përpiquni ta bëni peshën sa më të vogël, thjesht mos e teproni, përndryshe cilësia do të jetë e tmerrshme!

Ju gjithashtu duhet të shkruani përmasat në kodin e imazhit, edhe nëse është i paraqitur ashtu siç është (në madhësi standarde), është e nevojshme.

2. Optimizimi i skripteve dhe kodeve

Siç thashë, shpejtësia ndikohet nga skriptet dhe kodet e ndryshme. Por jo të gjitha, por vetëm ato që janë shkruar me gabime ose përgjithësisht gabim.

Unë nuk jam një guru në fushën e programimit në ueb, kështu që për fat të keq nuk mund të këshilloj se çfarë duhet bërë nga A në Z. Por mund të jap disa këshilla që i kam përdorur dhe i përdor vetë.

Është gjithashtu e mundur që të zhvendosen skriptet në fund të faqes, në vend që të jenë në fillim. Per cfare? Epo, gjykoni vetë: hapet faqja dhe fillimisht fillon të ngarkojë skriptet e ndryshme, të cilat në fillim nuk nevojiten fare dhe kërkon kohë! Më mirë të lini që faqja të ngarkohet së pari dhe më pas të filloni të ngarkoni skriptet. Në këtë mënyrë do të jetë shumë më shpejt.

Ju mund të shkurtoni CSS me referencë dhe të shkurtoni Java Script këtu... Thjesht ndiqni lidhjet, shkruani shtegun e skedarëve tuaj, pastaj klikoni në një buton të caktuar, ruani skedarin që rezulton në kompjuterin tuaj dhe ngarkoni atë në sit, për shembull, përmes ftp.

Ka ende disa kode të shkurtra të cilat zëvendësojnë skriptet e gjata dhe natyrisht përshpejtojnë ngarkimin. Por tani nuk do të flas për to, kjo temë është një artikull më vete. Meqë ra fjala, së shpejti do të publikoj një seri artikujsh për zëvendësimin e këtyre skripteve, në mënyrë që të mos e humbisni, ju këshilloj të abonoheni!

3. Aktivizo Kompresimin e Faqes Gzip

Mësova për këtë metodë relativisht kohët e fundit. Por pasi e provova, u kënaqa vetëm. Në të vërtetë, pas aktivizimit të kompresimit, faqja përshpejtohet ndjeshëm. E vetmja negative është se ka një ngarkesë të caktuar në host.

Për të aktivizuar kompresimin Gzip, duhet të shkruani sa vijon në skedarin .htaccess:

AddOutputFilterByType DEFLATE tekst / html tekst / tekst i thjeshtë / aplikacion xml / aplikacion xml / xhtml + tekst xml / tekst javascript / aplikacion css / x-javascript BrowserMatch ^ Mozilla / 4 gzip-only-text / html BrowserMatch ^ No-gzip / 40. BrowserMatch bMSIE! Jo-gzip! Gzip-only-text / html mod_gzip_on Po skedar mod_gzip_item_include \ .js $ mod_gzip_item_include skedar \ .css $

Edhe një herë, pas aktivizimit të kompresimit gzip, shpejtësia rritet ndjeshëm! Prandaj, nuk duhet ta anashkaloni këtë artikull.

4. Cache e shfletuesit

Shumë prej jush e dinë se çfarë është cache e shfletuesit. Dhe kush nuk e di, unë do ta shpjegoj - kjo është diçka e kujtesës së përkohshme, e cila ruan të gjitha veprimet që keni kryer në shfletues.

Pra, cache mund të përdoret për të shpejtuar faqen. Kjo do të thotë, për dikë që ka vizituar tashmë faqen tuaj disi, shpejtësia do të jetë më e lartë. Gjithçka do të "fluturojë". Dhe për ata që hynë për herë të parë, kjo metodë nuk do të funksionojë. Dhe kur të kthehet, gjithçka do të fillojë të funksionojë.

Në mënyrë që e gjithë kjo të fillojë të funksionojë, duhet të futni sa vijon në .htaccess:

ExpiresActive në aplikacionin ExpiresByType / javascript "akses plus 1 vit" ExpiresByType tekst / javascript "akses plus 1 vit" ExpiresByType tekst / css "akses plus 1 vit" ExpiresByType imazh / gif "akses plus 1 vit" ExpiresByType images viti "ExpiresByType image / png" qasja plus 1 vit "Cilësimi i kokës Cache-control: privat Seti i kokës Cache-control: publik BrowserMatch" MSIE "force-no-vary BrowserMatch" Mozilla / 4. (2) "force-no-vary

Gjithçka nuk është aq e vështirë sa duket. A nuk është ajo? Me këtë doja të them se ne tani e dimë se si kontrolloni dhe shpejtoni shpejtësinë e ngarkimit të faqes në internet Rusia, rajoni Tomsk, Tomsk, +7 952 160 36 17

Ç'kemi djema!

Sot do të jetë një nga tema kritike në optimizimi i brendshëm faqe. Materiali është i mrekullueshëm, por praktik dhe i dobishëm. Unë i mbështeta momentet e vështira me video tutoriale.

Le të flasim se si të shpejtoni ngarkimin e faqes tuaj duke përdorur 7 metoda pune. Ndoshta ata janë të njohur për të gjithë. Por vura re se jo të gjithë i përdorin ato. Dhe në kompleks, aq më tepër, pak njerëz.

Në përgjithësi, unë do t'i përshkruaj të gjitha metodat në përmbajtje pikë për pikë, dhe më pas do të lexoj dhe zbatoj gjithçka në praktikë.

Para se të shpejtoj faqen, dua të them disa fjalë për rëndësinë e këtij veprimi dhe si të kontrolloni shpejtësinë e ngarkimit.

Prej kohësh dihet se shpejtësia e ngarkimit të një burimi është një nga faktorët e renditjes në rezultatet e kërkimit. Nëse merrni absolutisht 2 faqe identike, por njëra do të ngarkohet më shpejt, atëherë do të ketë edhe pozicione më të larta në SERP. Por kjo nuk do të thotë se i pari do të jetë në pozitën e 30-të dhe i dyti në vendin e parë. Jo, thjesht një faqe me ngarkim më të shpejtë do të ketë një pozicion pak më të mirë.

Prandaj, nëse ka ndonjë mënyrë të lehtë për të kapërcyer konkurrentët tanë në çfarëdo mënyre, atëherë duhet ta bëni atë. Për më tepër, ka shumë metoda të tilla. Duke i përdorur të gjitha, ne do të shkojmë në drejtimin e duhur në parakalimin e konkurrentëve tanë.

Për sa i përket kontrollit të shpejtësisë së ngarkimit të faqes në internet, unë e kam përdorur gjithmonë shërbimin uebprit... Pasi të shkoni në të, thjesht duhet të futni adresën e çdo faqeje në faqen tuaj dhe të filloni të kontrolloni.

Si parazgjedhje, shërbimi do të kontrollojë shpejtësinë e ngarkimit të faqes 5 herë për të përcaktuar mesataren. Intervali ndërmjet kërkesave do të jetë 5 sekonda. Nëse dëshironi të ndryshoni të dyja vlerat, atëherë unë i kam theksuar cilësimet përkatëse me një kornizë blu në imazhin e mësipërm. E para është numri i kontrolleve, e dyta është intervali midis kërkesave.

Sapo kontrollova shpejtësinë e shkarkimit të një prej artikujve të mi. Bazuar në rezultatet e 5 testeve, kam marrë një rezultat mesatar prej 0,82 sekondash.

Sigurisht, mund të jetë e vështirë të arrihet një vlerë e vogël dhe kjo varet nga shumë faktorë:

• Sasia e përmbajtjes në faqe;
• Numri i skripteve të ngarkuara;
• Madhësia e grafikës në faqe dhe në sit në tërësi;
• Numri i shtojcave.

Prandaj, duhet të përpiqeni të zvogëloni ndikimin e të gjithë këtyre faktorëve. Ne fillojmë të flasim për këtë më tej. Le të kalojmë te mënyra e parë dhe, ndoshta, më e thjeshtë.

Optimizimi i grafikës

Nuk është sekret se elementi më domethënës i çdo faqeje është grafika. Kjo përfshin grafikë në çdo faqe dhe grafikë të përgjithshme. Për sa i përket grafikëve në secilën faqe, këto janë grafika të përmbajtjes - imazhe, pamje nga ekrani, fotografi. Grafikat e përgjithshme janë grafika që hyjnë në hartimin e faqes. Ne mund ta optimizojmë të gjithë këtë.

Në asnjë rast nuk duhet të përfshini grafikë me madhësi të plotë në artikujt tuaj. Ky gabim është i theksuar në faqet e dedikuara për tema dhe fotografi të kuzhinës, kur të gjitha fotot ngarkohen në artikuj në madhësi të plotë.

Një fotografi e marrë me një aparat fotografik DSLR me cilësi mesatare do të peshojë disa megabajt. Nëse ngarkoni një foto të tillë në sit, atëherë vizitori do t'i shkarkojë të gjitha kur të hyjë në faqe. Imagjinoni sa kohë do të duhej për të ngarkuar një faqe nëse do të postoheshin 10 imazhe me volum të lartë.

Gjeni kohë për këtë moment kur postoni përmbajtje. Njëherë e një kohë kam shkruar një artikull për të pa humbur cilësinë. Materiali do të jetë shumë i dobishëm për ju.

Për sa i përket dizajnit, përpiquni të përdorni më pak imazhe. Është e mundur të bëhet një dizajn plotësisht i arsyeshëm dhe organik duke përdorur stilet CSS. Madje do të jetë për të mirën. Nëse shikoni burime shumë të njohura, do të vini re se dizajni i tyre është në thelb Sfondi i bardhë Me vijat ndarëse... Kjo luan në duar shumë fort dhe vret 2 zogj me një gur:

1. Redukton kohën e ngarkimit;
2. Përmirëson përdorshmërinë e konsumit të përmbajtjes.

Nëse nuk mund të qëndroni pa imazhe shumëngjyrëshe, atëherë do t'ju ndihmojë një artikull rreth zvogëlimit të madhësisë së imazheve (lidhja më lart).

Caching

Caching - ndoshta element thelbësor në ngarkimin e shpejtë të faqeve të faqes. Sidomos këtë funksion i dobishëm në rast të trafikut të lartë, kur bëhen shumë pyetje në bazën e të dhënave.

Për të bërë caching në sit (për WordPress), duhet të instaloni shtojcën Hyper Cache. Udhëzime të plota Lexo. Kam përtypur gjithçka atje lart.

Është gjithashtu e mundur të shtoni disa kode në skedarin .htaccess, të cilat gjithashtu do të mundësojnë caching si dhe kompresimin e gzip. Sinqerisht, nuk e vura re efektin e tyre në faqen time. Ndoshta sepse blogu im ishte tashmë plotësisht i optimizuar. Dhe nuk shoh shumë kuptim në to. Dhe ka një problem, pasi nuk do të jemi në gjendje të pastrojmë cache. Atëherë nuk do të ketë ndryshime të dukshme në sit. Prandaj, unë nuk do t'i jap këto kode në mënyrë që ju të mos e bëni trurin tuaj më vonë kur të shfaqen probleme.

Unë nuk i përdor ato. Mbajtja në memorie memorie me shtojcën Hyper Cache është më se e mjaftueshme.

Optimizimi i ngarkimit të skriptit

Nëse faqja juaj është mjaft funksionale (butona të ndryshëm social, rrëshqitës, numërues frekuentimi, etj.), atëherë ka shumë skripta në të.

Skriptet janë gjithmonë të panevojshme dhe një ngarkesë e madhe në sit. Gjithmonë hiqni qafe ato sa herë që të jetë e mundur. Nëse kjo nuk është e mundur, atëherë mund t'i bëni ato të ngarkohen të fundit dhe gjithashtu t'i hiqni nga vetë kodi i shabllonit të lëkurës.

Për të ngarkuar skriptet në fund të ngarkesës së faqes, ato duhet të vendosen në fund të kodit të faqes, domethënë në fund. Në WordPress, kjo bëhet duke e vendosur atë në skedarin footer.php përpara etiketës mbyllëse..

Ju gjithashtu mund të vendosni skriptet në skedar të veçantë dhe jo në skedarin footer.php. Dhe pastaj ngarkoni këtë skedar në fund të skedarit të fundit. Kjo është mënyra më e mirë për të ngarkuar skriptet në faqen tuaj.

Unë do t'ju tregoj në praktikë se si t'i bëni të gjitha. Do të filloj me një video tutorial.

Në mënyrë tipike, shumica e skripteve vendosen në skedarin header.php midis etiketave dhe ato vendosen midis etiketave... Si shembull, unë tregoj një skript nga skedari im i kokës.

Me një kornizë të kuqe kam vënë në pah pjesën që na nevojitet. Siç mund ta shihni, ai është i mbyllur në etiketat e skriptit të hapjes dhe mbylljes, të cilat janë të theksuara në korniza blu. Unë kam theksuar etiketën mbyllëse me një kufi të zi për të treguar se ku ndodhet vetë skenari.

Për ta vendosur këtë skript në një skedar të veçantë, duhet të marrim përmbajtjen e tij (korniza e kuqe) dhe ta vendosim atë në një skedar të ri që unë krijoj me Redaktori i bllokut të shënimeve... Përmbajtja e skedarit të ri do të duket kështu.

Tani kursejmë këtë skedar js dhe quani një emër miqësor. Unë do ta quaja "footer-scripts.js" për ta bërë të qartë se ky është një skedar skripti që shfaqet në fundin e faqes.

Tani mund ta ngarkoni këtë skedar në sajt që skriptet të funksionojnë. Për ta bërë këtë, duhet të vendosni një rresht kodi që përmban shtegun për në këtë skedar. Vendoseni kodin në skedarin footer.php përpara etiketës mbyllëse/

Këtu është linja ime e kodit.

Në të, do t'ju duhet të zëvendësoni shtegun e skedarit dhe emrin e tij, nëse quhet ndryshe. Për ta bërë më të lehtë për t'u kuptuar, unë jap një rresht me sugjerime.

Rruga e skedarit në këtë linjë është e përshtatshme për faqet e WordPress. Nëse keni një faqe në një motor tjetër ose thjesht një faqe HTML, atëherë shtegu do të duhet të ndryshohet për veten tuaj.

Kur ndryshojmë rreshtin, e vendosim atë në skedarin e fundores përpara etiketës së mbylljes së trupit. Do të duket si imazhi më poshtë.

Duhet të jetë pothuajse e njëjta gjë me ju. Siç mund ta shihni, përveç kësaj linje, dalin edhe skriptet e tjera. Prandaj, ato ngarkohen të fundit në vendin e ngarkimit. Vetë kodi i faqes bëhet më i pastër dhe më i këndshëm për Motorë kërkimi... Ajo gjithashtu luan një rol në promovimin.

Në këtë mënyrë, ju duhet të hiqni qafe numrin maksimal të skripteve në skedarët tuaj të shabllonit dhe të përpiqeni ose t'i fshini ato fare ose t'i ngarkoni ato përmes një skedari, siç tregova më lart. Kjo është një nga mënyrat më të mira për të shpejtuar faqen tuaj të internetit nëse ka shumë skripta në të.

Nëse ju duhet të vendosni jo një skript në një skedar, por disa, atëherë thjesht vendosni dhëmbëzimin poshtë dhe vendoseni kod i ri... Por atëherë është më mirë të nënshkruani çdo skenar në mënyrë që të mos ngatërroheni më vonë. Për shembull, ju mund të shkarkoni skedarin tim për ta synuar atë.

Dhe një shënim më shumë. Jo të gjitha skriptet funksionojnë në fund të faqes. Disa funksionojnë vetëm kur vendosen në kokë, domethënë në skedarin Header.php midis etiketave. Për shembull, butonin social"Më pëlqen" nga Vkontakte nuk funksionon në bodrum nëse e merrni kodin nga rrjet social... Në këtë rast, do t'ju duhet të vendosni skriptin në kokë.

Heqja e pyetjeve të panevojshme në kodin e shabllonit

Kjo është më mënyrë e vështirë në përshpejtimin e një faqeje që mundësohet nga një lloj motori, për shembull, WordPress. Thelbi i saj është në zëvendësimin e linjave kodi php në skedarin shabllon për kodin e krijuar tashmë për të hequr qafe gjenerimin e panevojshëm të pyetjeve në bazën e të dhënave.

Ne kemi nevojë për një skedar header.php dhe gjithçka brenda tij midis etiketave ... Midis këtyre etiketave ruhen kodet php që gjenerojnë kërkesa dhe shfaqin informacionin bazë. E gjithë pika do të jetë më e lehtë për t'u kuptuar me ndihmën e video tutorial që kam përgatitur më poshtë.

Tani opsioni i tekstit.

Unë do të tregoj gjithçka duke përdorur shembullin e një vargu që gjeneron një kërkesë për të shfaqur kodimin e faqes. Rreshti në skedar duket si ky.

Siç mund ta shihni, ky është kodi php. Nëse shikoni kodin burimor (ctrl + u) të çdo faqeje në faqe, do të shihni se ky kod php nuk është më aty, por do të ketë kod HTML me kodimin e specifikuar.

Për të hequr qafe këtë kërkesë për gjenerimin e kodimit, duhet të merrni një varg të gatshëm nga kodi burimor dhe të ndryshoni kodin php në skedarin e shabllonit me të. Në fund do të jetë kështu.

Kemi hequr qafe një kërkesë. Në të njëjtën mënyrë, ju duhet të zëvendësoni linja të tjera të mundshme. Sigurisht, jo gjithçka mund të bëhet, pasi jo gjithçka në kodin burimor del. Por ju duhet të përpiqeni për numri maksimal zëvendësimet.

Unë gjithashtu dua të tërheq vëmendjen tuaj për faktin se ekziston një kod për gjenerimin e emrit të faqes. Zakonisht përbëhet nga etiketa ... Nëse planifikoni të ndryshoni emrin e burimit, atëherë ose mos e zëvendësoni këtë kod ose mos harroni të ndryshoni emrin më vonë në kodin e skedarit, pasi pas zëvendësimit emri do të shfaqet nga rreshti i gatshëm me emrin. Emri i faqes nuk do të gjenerohet, pasi nuk do të ketë kod php. Konsideroni këtë pikë.

Gjithashtu, mos harroni të kryeni të gjitha manipulimet e tilla me skedarë vetëm pas. Dhe bëni ato në kompjuterin tuaj duke përdorur programe redaktimi në mënyrë që të mund të zhbëni modifikimet. Unë jam duke përdorur Notepad për qëllime të ngjashme.

Çaktivizo rishikimet

Unë do t'ju torturoj përsëri me një video tutorial.

Rishikimet janë kursim automatik kopjet e regjistrimeve që bëhen gjatë krijimit të regjistrave në intervale të caktuara.

Në fakt, kjo është një gjë e dobishme, por ndonjëherë krijon shumë mbeturina dhe ngarkon bazën e të dhënave. Unë nuk do të rekomandoja fuqimisht çaktivizimin e këtij funksioni, pasi ndonjëherë kursen. Drita mund të zhduket papritmas, dhe pastaj çfarë? Dhe, nëse ka kopje të regjistrimit, atëherë mund të rivendosni me siguri përparimin. Kjo ka ndodhur më shumë se një herë, e di nga përvoja ime.

Unë i çaktivizova të gjithë njësoj, por nëse jeni fillestar, nuk ju rekomandoj ta bëni këtë. Kohë më e mirë herë pas here pastroni bazën e të dhënave të rishikimeve, që prej tyre nje numer i madh i krijon një ngarkesë të konsiderueshme.

Në rrënjë të motorit është dosja WP-includes, e cila përmban skedarin default-constants.php. Ju duhet ta hapni atë, të gjeni përmbajtjen e mëposhtme në të.

nëse (! definuar ("AUTOSAVE_INTERVAL")) define ("AUTOSAVE_INTERVAL", 60); / ** * @sce 2.9.0 * / if (! definuar ("EMPTY_TRASH_DAYS")) define ("EMPTY_TRASH_DAYS", 30); nëse (! definuar ("WP_POST_REVISIONS")) define ("WP_POST_REVISIONS", e vërtetë);

Në kohën e këtij shkrimi, e gjithë kjo fillon në rreshtin 277. I gjithë ky kod është përgjegjës për ruajtjen e të dhënave tona të sigurta. Ai përbëhet nga 3 pjesë, secila prej të cilave fillon me një nëse.

Pjesa e parë është përgjegjëse për intervalin për krijimi automatik rishikimet. Si parazgjedhje, vlera është 60 sekonda, domethënë, një kopje e rekordit do të krijohet çdo minutë. Imagjinoni që keni shkruar një artikull për më shumë se një orë. Mund vlerën e dhënë rritet, për shembull, deri në 10-20 minuta. Ky cilësim funksionon vetëm kur janë aktivizuar rishikimet.

nëse (! definuar ("AUTOSAVE_INTERVAL")) define ("AUTOSAVE_INTERVAL", 600);

Vendosni vlerën në sekonda.

Pjesa e dytë është përgjegjëse për kohën e ruajtjes të dhënat e fshira në shportë. Kur fshijmë të dhënat, ato shkojnë në kosh. Si parazgjedhje, ato ruhen atje për 30 ditë, pas së cilës ato fshihen. Nëse e vendosni vlerën në 0, atëherë të dhënat nuk do të shtohen në kosh, por fshihen menjëherë pa mundësinë e rikuperimit.

if (! definuar ("EMPTY_TRASH_DAYS")) define ("EMPTY_TRASH_DAYS", 0);

Pjesa e tretë është përgjegjëse për punën e rishikimeve. Ato janë të aktivizuara si parazgjedhje. Nëse dëshironi ta çaktivizoni, atëherë vlera e vërtetë duhet të ndryshohet në false ose të vendoset në 0.

Përshëndetje të dashur lexues të faqes së blogut. Ju ndoshta jeni lodhur tashmë nga tema e rritjes së shpejtësisë së ngarkimit të faqes në internet (), së cilës i kushtova pjesën e luanit të artikujve të botuar në janar. Por çfarë mund të bëj, dua të përvijoj gjithçka që u kuptua dhe u bë për të shpejtuar këtë blog, derisa kujtesa tinzare fshiu nuancat dhe pikat e rëndësishme.

Sot dua të përpiqem të sistemoj gjithçka që kam shkruar tashmë në lidhje me optimizimin e shpejtësisë, si dhe të shtoj pika thelbësore që mund të zvogëlojnë pak ngarkesën në serverin pritës duke përdorur kompresim jo dinamik, por statik Gzip.

Si mund të rrisni shpejt shpejtësinë e ngarkimit të faqes suaj të internetit

Herën e parë që drejtova Page Speed ​​për faqen kryesore të blogut tim, pashë këtë foto të trishtuar:

Vetëm 72 pikë nga 100 të mundshme dhe një mori komentesh të shënuara me të kuqe. Vërtetë, pasi kam ndjekur pothuajse të gjitha rekomandimet që më dha kjo shtojcë, faqja kryesore mori prej tij një notë më të lartë prej 94 pikësh.

Por përveç Page Speed, ju mund të vlerësoni shumë qartë shpejtësinë e ngarkimit të një siti dhe të shihni të gjitha objektet e ngarkuara në - Pingdom dhe të ngjashme.

Në fillim, u ngarkuan pothuajse 90 objekte (ccs, js, imazhe) dhe secili prej tyre kishte nevojë për një kërkesë të veçantë http. Por, pasi kam analizuar të gjitha objektet e shkarkuara duke përdorur shërbimet e mësipërme në internet, si dhe duke ndjekur këshillën e Shpejtësisë së Faqes, arrita të zvogëloj numrin e tyre në tre duzina, gjë që nuk mund të ndikonte në shpejtësinë e përgjithshme:

Epo, tani le të kujtojmë të gjitha metodat me radhë. Dhe duhet të filloni optimizimin, ndoshta, në rendin e shfaqjes së zonave problematike në dritaren e shpejtësisë së faqes, sepse këto do të jenë hapat më efektivë dhe jo të vështirë për t'u zbatuar - ajo që quhet "e lirë dhe e gëzuar".

Prandaj, unë bëra gjënë e parë (ccs, js, imazhe) në shfletuesit e vizitorëve (d.m.th. ju, lexuesit e mi të dashur).

Po, po, me cilësimet e uebit serveri mund të kontrollojë sjelljen e shfletuesit të vizitorëve. Në këtë rast, i pari i tregon të dytit kohën gjatë së cilës objektet statike duhet të ruhen në cache në mënyrë që të mos kërkohen më nga serveri.

Ky, në shikim të parë, është një mjedis i parëndësishëm, por mund të bëjë mrekulli në rritjen e shpejtësisë së ngarkimit të faqeve të burimit tuaj për ata vizitorë që e kanë vizituar tashmë një herë. në cache-in e shfletuesve të tyre tashmë ka skedarë të stileve dhe skripteve, si dhe imazhe nga përbërja e shabllonit tuaj, të cilat do të jenë të njëjta për të gjitha faqet.

Fatkeqësisht, metodat që përshkrova duke përdorur .htaccess nuk funksionojnë gjithmonë, për shkak të arsye të ndryshme(mungesa e modulit të nevojshëm, etj.), kështu që mund të përpiqeni të kontaktoni hostin tuaj për këtë çështje, sepse edhe ai do të interesohet për këtë, sepse Cilësimet optimale të memorizimit në shfletuesit e përdoruesve do të zvogëlojnë ngarkesën e burimit tuaj në hostin e tij.

Hapi tjetër efektiv për të rritur shpejtësinë e ngarkimit mund të jetë kombinimi i skedarëve të jashtëm të stilit CSS ose skripteve JS. Lexoni për këtë, dhe me të cilën e kuptova.

Por unë nuk mund të kombinoja skriptet e jashtme, ndoshta për shkak të një keqkuptimi, madje Bazat e JavaScript... Vërtetë, unë kisha vetëm dy skedarë të jashtëm me skripta, kështu që humbja në shpejtësinë e ngarkimit të faqes nuk do të ishte e madhe.

Por përveç kombinimit të stileve dhe skripteve të jashtme CSS (kjo bëhet për të reduktuar Totali objekte të shkarkueshme, të cilat do të zvogëlojnë numrin e kërkesave http në server), këta skedarë të stilit dhe skriptit mund të kompresohen në mënyrë shumë efikase duke përdorur Gzip (në fakt, ky është i njëjti Zip që përdorni në mënyrë aktive në kompjuterin tuaj).

Është e mundur të kompresoni skedarët CSS dhe Js disa herë duke përdorur Gzip, por ju mund të zvogëloni më tej madhësinë e këtyre skedarëve duke optimizuar paraprakisht kodin e tyre.

Pra, do t'ju duhet të shkarkoni në kompjuterin tuaj të gjithë skedarët e jashtëm Css dhe Js të përfshirë në ngarkimin e faqeve (pasi t'i keni bashkuar ato, nuk do të jetë e vështirë) dhe ta krijoni atë nga secila prej tyre kopje arkivore me shtrirjen .gz. Kjo mund të bëhet duke përdorur software i lirë 7 zip... Më lejoni t'ju tregoj me një shembull më tej, sepse këtu është e kotë të teorizosh.

Le të marrim si shembull fletën kryesore të stilit të blogut tim, style.css. Pasi ta paketoj në Gzip duke përdorur programin 7zip, do të kem një arkiv style.css.gz.

Por që kur disa shfletues nuk do të duan të përfshijnë një skedar stili me ekstensionin .gz, më pas ne heqim fundin .gz prej tij dhe si rezultat marrim sërish style.css, por që në fakt është një arkiv (nuk është ngatërruar akoma?).

Por thjesht zëvendësimi i skedarit origjinal style.css në server (jo ende Gzipped) me arkivin që sapo krijuam, por ende i quajtur style.css, nuk do të mjaftojë.

Në fund të fundit, disa shfletues ende nuk e mbështesin ngjeshjen (zakonisht këto janë versione të vjetra që megjithatë përdoren ende nga përdoruesit), kështu që pranë style.css, i cili në të vërtetë do të jetë një arkiv (mos harroni se kemi hequr shtesën .gz prej tij), ne duhet të vendosim origjinalin jo skedar i ngjeshur stilet.

Por do të na duhet ta emërtojmë ndryshe nga stili.css. Për ta bërë këtë, mund ta riemërtoni, për shembull, në këtë mënyrë: style.nogzip.css. Tani në server, në dosjen me temën e WordPress, do të kem dy skedarë stili:

1. style.css - arkiv me shtrirje .gz të zhveshur
2. style.nogzip.css - një skedar normal i stilit të pakompresuar që duhet t'u shërbehet shfletuesve që nuk mbështesin kompresimin

Do t'ju duhet ta bëni këtë operacion për të gjitha stilet dhe skriptet e jashtme (Css dhe Js) që ngarkohen së bashku me faqet e burimit tuaj. Kisha vetëm katër prej tyre: stilin kryesor, në të cilin shtova edhe vetitë e disa shtojcave të WordPress, si dhe një skedar skripti nga dosja e temave dhe dy skripta të jashtëm nga.

Tani, që të funksionojë ngjeshja statike për stilet dhe skriptet e jashtme, duhet të redaktoni .htaccess nga dosja rrënjë e burimit tuaj dhe të zëvendësoni kodin përgjegjës për Gzip me kodin e modifikuar vijues:

RewriteEngine në RewriteCond% (HTTP: Accept-encoding)! Gzip RewriteCond% (HTTP_USER_AGENT) Konqueror RewriteRule ^ (. *) \. (Css | js) $ 1.nogzip. Header shtoj Vary User-Agent Kompleti i titujve Përmbajtja-Encoding: gzip Seti i titujve Cache-kontrolli: privat Koka e çaktivizuar Content-Encoding

Nëse po riemërtoni skedarët origjinal stilet dhe skriptet përdorën emrat e tyre ndryshe nga style.nogzip.css, pastaj në rreshtin përkatës të kodit do t'ju duhet të zëvendësoni maskën $ 1.nogzip. $ 2 me tuajën. Në përgjithësi, kjo është e gjitha.

Tani serveri nuk do të kompresojë Css dhe Js çdo herë në fluturim, por menjëherë do t'u dërgojë shfletuesve një kopje të para-ngjeshur tuajën, dhe në rastin e një shfletuesi që nuk kupton Gzip - versioni origjinal i një skedari të ngjashëm me stilin .nogzip.css.

Në pamje të parë, do të ketë një rritje të lehtë në shpejtësinë e ngarkimit të faqes dhe një rënie në ngarkesën e burimit tuaj në pritje. Por pas disa ditësh pata një siklet. Me sa duket dhe pamje Zona e administrimit të WordPress ka ndryshuar në mënyrë dramatike - stili ka rënë.

Por problemi u zgjidh shpejt duke kryer manipulimet e përshkruara më sipër me skedarin e stilit të përdorur në panelin e administratorit. Në rastin tim ishte ngjyra-classic.css nga dosja:

/ wp-admin / css

Më pas doja të aplikoja kompresimin statik Gzip për skedarët Html, të cilët gjithashtu kompresohen nga serveri në fluturim, duke krijuar një ngarkesë shtesë. Këtu gjeta një zgjidhje mjaft të thjeshtë për WordPress. Fakti është se e kam përdorur për një kohë shumë të gjatë.

Në cilësimet e tij ekziston një zonë "Compression", e cila, siç mendova fillimisht, është përgjegjëse për vendosjen kompakte të faqeve të memorizuara në hard diskun pritës. Më dukej se arkivimi i faqeve të ruajtura në memorie do të hante kohën e panevojshme nga procesori dhe do ta fiket në mënyrë të sigurt.

Por pasi kërkoi pak informacion mbi temën e Gzip kompresim html faqet, ndryshova mendjen për këto cilësime kompresimi në shtojcën Hyper Cache.

Duket se duke kontrolluar kutinë "Aktivizo kompresimin", ne mundësojmë në këtë mënyrë ngjeshjen paraprake të faqeve të blogut të ruajtura në memorie duke përdorur algoritmin Gzip.

Nuk supozoj ta them këtë njëqind për qind, por pasi të aktivizoj kompresimin Cilësimet hiper Cache, unë kam parë një ulje të ngarkesës në server për një kohë të gjatë. Në përgjithësi, duket se si gjithmonë gjoksi sapo u hap.

Nga rruga, nëse projekti juaj është ndërtuar në bazë të Joomla, atëherë ka disa komponentë shumë të mirë (sipas vlerësimeve të përdoruesve) për të që ju lejojnë të përdorni metodat që kam përshkruar për të rritur shpejtësinë e ngarkimit të faqes në internet sa më shumë që e mundur, por në të njëjtën kohë gjithçka do të jetë shumë më e lehtë, sepse shumë bëhet automatikisht me kosto minimale të konfigurimit.

Unë vetë nuk i kam testuar ende këto përbërës, por sapo të bëhem gati, patjetër do të shkruaj për to. Tani për tani, unë do të jap vetëm lidhje me këta komponentë për Joomla: jFinalizer dhe WEBO Site SpeedUp.

Optimizimi i grafikës dhe reduktimi i numrit të kërkesave

Gjithashtu, optimizimi i grafikës mund të ketë një ndikim shumë domethënës në shpejtësinë e shkarkimit. Siç kam shkruar më parë,. Por kjo do të jetë e përshtatshme vetëm në rastin e një numri të vogël të tyre.

Personalisht, e përdora atë për optimizimin e grupeve, për të cilat kam shkruar tashmë në disa detaje. Ju gjithashtu mund të përdorni një tjetër shërbim shumë të njohur në internet për kompresimin e fotove pa humbur cilësinë nga - Smush.it. Por shkalla e kompresimit të fotografive në PunyPNG më dukej më e lartë, ndoshta për shkak të përdorimit të skripteve më të suksesshme.

Unë kopjova dosjen me imazhet e blogut tim në kompjuterin tim dhe i ngarkova të gjitha (në grupe prej 15, sepse ekziston një kufizim i tillë në PunyPNG) në këtë shërbim në internet, dhe më pas shkarkova arkivin e përgjithshëm që përmban imazhe tashmë të optimizuara nga blogu im .

Në përgjithësi, pasi kalova gjysmë ore, arrita të kompresoja imazhet PNG me rreth 7 përqind mesatarisht dhe 5 përqind.

Si rezultat, madhësia totale e të gjitha imazheve të përdorura në blogun tim është ulur me disa megabajt, gjë që padyshim do të ndikojë si në rritjen e shpejtësisë së ngarkimit të faqes dhe do të zvogëlojë pak ngarkesën në serverin pritës.

Epo, e fundit, dhe gjithashtu një nga më të shumtët mënyra efektive përshpejtimi, mund të ketë një rënie në numrin e kërkesave http që do të formohen gjatë ngarkimit të faqeve të burimit tuaj. Ju mund t'i zvogëloni ato duke zvogëluar numrin e objekteve të shkarkuar së bashku me faqen e internetit. Ne folëm tashmë në fillim të këtij artikulli për kombinimin e skedarëve të jashtëm Css dhe Js vetëm për këtë qëllim.

Por pjesa më e madhe e kërkesave shkon gjithmonë në ngarkimin e grafikëve. Ajo mund të jetë imazhet e sfondit që u përmendën në skedarin e stilit, ose imazhe që vendosen drejtpërdrejt në kodin Html të faqes.

Për të zvogëluar numrin e tyre, duhet të analizoni nëse është e nevojshme të ngarkoni këtë apo atë imazh së bashku me faqen. Kështu, unë hoqa qafe nja dy duzina kërkesash të panevojshme http. E njëjta fotot e sfondit nga përbërja e shabllonit, i cili megjithatë rezulton të jetë i nevojshëm për funksionimin e burimit tuaj, mund të kombinohet në të ashtuquajturat. Si rezultat, në vend të një duzinë kërkesash, duhet të bëni vetëm një.

Në përgjithësi, një rritje në shpejtësinë e ngarkimit të faqes do të çojë në mënyrë të pashmangshme në të paktën një rritje të vogël, por të ngarkesës në host, e cila, me trafik të lartë, mund të jetë pika e fundit. Tani, me 5000 mijë vizitorë në ditë, ngarkesa në procesorin e serverit po i afrohet maksimumit të lejueshëm.

Unë tashmë fillova të mendoj për një hap kaq radikal, si ta bëj blogun tim pothuajse statik, në dosjen rrënjësore të së cilës zakonisht skedarë html, dhe e tëra Motori WordPress do të punojë në dosje të veçantë... Kështu, ngarkesa do të minimizohet.

Kjo mund të bëhet në WordPress duke përdorur shtojcën mrekulli Really Static. Vërtetë, versioni i tij nuk është rritur ende në një, por vlerësimet për punën e tij janë jashtëzakonisht pozitive. Në fakt, është një analog i plotë i skenarit të mirënjohur Maxsite Cache, i cili, për shembull, përdoret nga Mikhail Shakin në blogun e tij.

Çmimi për zvogëlimin e ngarkesës do të jetë humbja e disa funksionalitetit, por unë mendoj se cilësimet e sakta për përditësimin e cache (në në këtë rast ai do të jetë i zakonshëm Faqet HTML, si në vendet e fillimit të këtij mijëvjeçari), do të jetë e mundur të reduktohen të gjitha këto disavantazhe në minimum. Sido që të jetë, unë nuk vërej ndonjë krim te Shakin kur lexoj blogun e tij.

Nëse dikush tashmë ka përvojë me plugin WordPress Me të vërtetë statike, do të jem shumë mirënjohës nëse lini komentet tuaja në lidhje me të në komente. Faleminderit per vemendjen. Artikulli ka marrë fund në heshtje. Është koha për ta lustruar dhe përgatitur për botim.

Paç fat! Shihemi së shpejti në faqet e faqes së blogut

mund të shikoni më shumë video duke shkuar te

Ju mund të jeni të interesuar

Kompresimi Gzip për të shpejtuar ngarkimin e faqes në internet - si ta aktivizoni atë për Js, Html dhe Css duke përdorur skedarin .htaccess
Krijim Sprites CSS v gjenerator në internet Sprites Me për të reduktuar kërkesat e serverit
Matja dhe rritja e shpejtësisë së faqes në GTmetrix, si dhe konfigurimi i ngarkimit të bibliotekës jQuery nga Google CDN
Si të merrni një faqe interneti të shpejtë - optimizimi (ngjeshja) e imazheve dhe skripteve, si dhe zvogëlimi i numrit Kërkesat Http
Optimizimi dhe kompresimi i CSS në shpejtësinë e faqes - Si ta çaktivizoni skedarë të jashtëm stile dhe kombinoni ato në një për të shpejtuar ngarkimin

Optimizimi i shpejtësisë së faqes është gjithmonë një prioritet, pasi ka shumë konkurrencë midis faqeve dhe ju duhet të përmirësoni vazhdimisht burimin tuaj. Për optimizimin e shpejtësisë së faqes në internet kujdesen të dy pronarët e faqeve të internetit (blogerët) dhe kompanitë e mëdha të cilët janë të fejuar promovim SEO, pasi ata e kuptojnë se ky është një nga parametrat bazë.

Në ky moment ekziston sasi e madhe shërbime për të analizuar shpejtësinë e ngarkimit të faqes në internet dhe për të identifikuar zonat problematike, por pavarësisht kësaj, shumica e faqeve ende nuk janë optimizuar në mënyrën e duhur.

Në këtë artikull dhe listën e kontrollit, do të përpiqem të mos lidhem me një CMS specifike, por të shkruaj në mënyrë të tillë që zgjidhjet të jenë të përshtatshme për çdo faqe.

Unë do të doja të tërhiqja vëmendjen tuaj: nëse kontrolloni faqen tuaj vetëm në shërbimin Google PageSpeed ​​​​Insights, atëherë në procesin e studimit të listës së kontrollit do të kuptoni se një numër i madh parametrash janë fshehur atje dhe nuk shfaqen, pavarësisht faktit se ai ende ndikon në ngarkesën e faqes shpejtësia.

Hapi 1. Përcaktoni "fushën" e optimizimit të shpejtësisë së faqes

Me "Korniza e optimizimit të shpejtësisë së faqes" nënkuptoj sasinë e CSS, JS, mediave dhe skedarëve të tjerë që ngarkohen në faqen tuaj.

Pasi të kemi përcaktuar "kornizën", do të dimë finalen në të cilën duhet të shkojmë. Dhe shërbimi i krijuar nga Jonathan Fielding do të na ndihmojë të gjejmë të dhënat "" - www.performancebudget.io.

Hidhi nje sy video e vogël në punën me këtë faqe, ku unë tregova qartë se çfarë duhet të zgjidhni për të përcaktuar " kuadri i optimizimit të shpejtësisë së faqes":

Faza 2. Zbuloni shpejtësinë reale të faqes

Siç shkrova më lart, Google Page Speed ​​Insights atë mjet i mirë për të testuar optimizimin e shpejtësisë së faqes, por gjithsesi ai "jap" vetëm këshilla sipërfaqësore. Fillimisht mund të kontrolloni me këtë mjet dhe më pas të kaloni te statistikat më të detajuara që ofrojnë shërbimet e mëposhtme:

• WebPagetest
• GTmetrix

Kini kujdes kur bëni testimin duke përdorur këto shërbime, sepse kohët e ngarkimit mund të ndryshojnë për faktin se serveri i faqes suaj dhe serveri në të cilin po ekzekutohet testi janë larg njëri-tjetrit.

Shërbimi WebPagetest ju lejon të zgjidhni një server dhe shfletues testues. Ky shërbim tregon në formën e diagrameve se cilat burime (CSS, JS) janë më në përqindje në faqen tuaj. Ajo që më kënaq më shumë është statistika të detajuara sipas kërkesës në formën e grafikëve. Ka gjithashtu informacion se në cilët skedarë aplikohet kompresimi GZIP dhe bëhet menjëherë e qartë nëse gjithçka është specifikuar saktë në cilësimet .htaccess.

Por shërbimi GTmetrix ju lejon të shihni një grafik të shkarkimeve të skedarëve, kështu që tregon gjithashtu këshilla të hollësishme për të optimizuar çdo nuancë në sit. Dhe këtu gjithçka ndahet në pika më të detajuara optimizimi.

Duke ditur informacion real në lidhje me faqen tuaj, tani mund të krahasoni kjo shifër me atë ku u shfaq korniza e optimizimit të shpejtësisë së faqes.

Dhe vetëm tani mund të përfitoni plotësisht nga lista e kontrollit më poshtë. Në këtë listë kontrolli, unë konsideroj vetëm ato metoda optimizimi që nuk kërkojnë investime shtesë nga ju për sa i përket parave, por duhet vetëm dëshirë dhe pak këmbëngulje për të kaluar dhe optimizuar çdo artikull.

(Lista e kontrollit) Shpejtësia e vetë-optimizuar e faqes në internet

1. Optimizimi i imazhit

1. Përdorni imazhe me rezolucionin që ju nevojitet në faqe.

   Shpesh ka situata kur përdoren imazhe në të cilat rezolucioni është i madh (për shembull, 800x600px), dhe vetëm një miniaturë përdoret në faqe (për shembull, 300x225px). Veçanërisht e zakonshme gabim i dhënë kur krijoni galeri. Përdorni vetëm rezolucionin e duhur të imazhit për situatën tuaj.

2. Kombinoni të gjitha ikonat (nëse SVG, atëherë në SVG sprite) në një imazh (sprite).

   Kjo do të zvogëlojë numrin e kërkesave në server. Tani ka zgjidhje online: css.spritegen.com, iconizr... Kështu edhe zgjidhjet për koleksionistët (për Gulp - gulp-svg-sprites, për Grunt - grunt-svg-sprite, për Webpack - Ngarkues sprite SVG i paketës së internetit).

3. Optimizoni imazhet: PNG, JPG, SVG.

   Këtu janë të dyja zgjidhjet online: TinyPNG, Kraken.io... Kështu janë zgjidhjet e automatizuara për koleksionistët: Gulp - gllënjka-imagemin, gulp-pngquant; Gërmijë - grunt-kontribut-imagemin; Uebpaketë - shtojca imagemin-webpack.

4. Shtyrja e imazheve pa ngarkim dembel ose jQuery - https://varvy.com/pagespeed/defer-images.html

2. Zvogëloni numrin e kërkesave

1. Përdorni spritet SVG dhe spritet PNG.

   Kam shkruar për këtë në seksionin "Optimizimi i imazhit", i cili ndodhet më lart.

2. Bashkojini të gjitha Skedarët CSS në një.

   Siç thashë më herët, kjo do të zvogëlojë numrin e kërkesave në server. Ndërtoni shtojca (për Gulp - gulp-concat-css, për Grunt - grunt-concat-css, për Webpack - css-concat-loader).

3. Kombinoni të gjithë skedarët JS në një nëse është e mundur.

   Ndërtoni shtojca (për Gulp - gllënjka-koncat-js, për Grunt - grunt-kontribut-koncat, për Webpack - webpack-uglify-js-plugin).

4. Zvogëloni sa më shumë numrin e pyetjeve të bazës së të dhënave.

   Çdo gjë që mund të ngarkohet pa pyetje në bazën e të dhënave, ngarkohet pa e përdorur atë - statike. Duke qenë se kërkon kohë për kërkesat dhe përgjigjet, do të ishte logjike që ta reduktojmë sa më shumë këtë tregues.

3. Optimizimi i CSS dhe JS

1. Kompresoni të gjithë skedarët CSS.

   Zgjidhjet në internet: Kompresor CSS, Minifikues CSS gllënjka-pastër-css; Gërmijë - grunt-contrib-cssmin; Uebpaketë - clean-css-loader.

2. Kompresoni të gjithë skedarët JS.

   Shërbimet online: Mjeti i kompresimit të JavaScript, JS Minifier... Ndërtoni shtojca: Gulp - gllabëroj-shëmtuar; Gërmijë - grunt-kontribut-kompres; Webpack - shtojca e përmendur në paragrafin e fundit gjithashtu ngjesh JS.