Įjungiame naršyklės talpyklą vartotojo pusėje. „WordPress Super Cache“ papildinys, naudokite naršyklės talpyklą. Naudokite naršyklės talpyklą atskiriems failams
"" optimizuoti svetainę pagal įrankio patarimą Google PageSpeedĮžvalgos. Kiekvienas svetainės savininkas susidūrė su sunkumų kaupti trečiųjų šalių svetainių js scenarijus talpykloje.
Tai nėra toks svarbus optimizavimo rodiklis, tiesą sakant, CSS ir JS elementai perkeliami iš svetainės antraštės į poraštę, be to, jei pažvelgsite į "Google" išteklius, jie turi problemų su šiuo punktu :)
Jei vis tiek norite optimizuoti savo svetainę arba klientus, pvz., talpykloje saugodami trečiųjų šalių scenarijus. Jei analizatoriaus skaitiklyje pastebite gražų skaičių, tiesiog atlikite toliau nurodytus veiksmus, kurie užtruks kelias minutes.
Naršyklės elementų talpykla
Įvairių scenarijų talpyklos kūrimas, pavyzdys paimtas iš Devaka ru tinklaraščio (rašymo metu)
Pavyzdžiui:
/assets/copyright.min.js (galiojimo laikas nenurodytas)
/assets/i/566.jpg (galiojimo laikas nenurodytas)
/assets/i/icons.png (galiojimo laikas nenurodytas)
/i/postcomm-left.png (galiojimo laikas nenurodytas)
/i/postcomm-right.png (galiojimo laikas nenurodytas)
Norėdami išspręsti pirmąją problemą, eikite į .htaccess failą, esantį svetainės šaknyje, ir įterpkite šį kodą pačiame apačioje:
# suspaudimo tekstas, html, javascript, css, xml:
Trečiųjų šalių scenarijų pavyzdžiai
Jei pirmame žingsnyje viską padarėte teisingai, turėtumėte pamatyti kažką panašaus:
Naudokite naršyklės talpyklą šiems ištekliams
Žinoma, pavyzdžiui, metrikai ir analizei galite turėti tik kelis URL, bet tai nėra taip svarbu, taisymo instrukcijos visiems vienodos.
Trečiųjų šalių elementų talpykla
Iš pradžių straipsnis turėjo būti skirtas tik šiems punktams, bet pajutus, kad klausimų bus daug, buvo pridėta dar pora punktų.
Nėra jokio būdo paveikti trečiosios šalies šaltinio talpyklos laiką, bet galite tai padaryti savo žiniatinklio projekte Teisingiausias žingsnis šioje situacijoje yra automatiškai atsisiųsti naujausius metrikos, analizės ir kt. scenarijus. į savo svetainę naudodami cron (esamas scenarijus)
Sutvarkykime reikalus dabar!
1 veiksmas. Nukopijuokite visų „Google PageSpeed“ nurodytų scenarijų sąrašą į bloknotą arba tiesiai iš naršyklės.
2 veiksmas. Savo priegloboje sukurkite failą su php plėtiniu ir įklijuokite į jį šį kodą:
Dėmesio! Neturite leidimo peržiūrėti paslėpto teksto.
Pavyzdžiui, kode yra 3, bet galite sukurti tiek taškų, kiek jums reikia, tiesiog nukopijuokite ir pridėkite žemiau arba ištrinkite nereikalingus.
Šioje eilutėje keičiame 3 reikšmę:
Naudokite naršyklės talpyklą, skirtą „Google PageSpeed“.
1. Scenarijus, kurį įkelsime į savo svetainę
Dėmesio! Neturite leidimo peržiūrėti paslėpto teksto.
2. Kelias, kur išsaugoti failą:
Realpath("./js")
Šiame pavyzdyje tai yra js aplankas, t.y. tikslus kelias bus www.site/js/ (aplanką reikia sukurti pačiam ir jį nustatyti CHMOD teisėsįrašymui)
3. Scenarijaus pavadinimas, jei su plėtiniu .js, tai rašome kartu su juo, jei be jo ar su kažkuo kitu, tai darome viską kaip aukščiau esančiame pavyzdyje. Atkreipkite dėmesį, kad nėra failų tais pačiais pavadinimais.
3 veiksmas. Įkelkite redaguotą failą į serverį
4 veiksmas. Įdėkite failą į cron for automatinis atnaujinimas failus
Kad būtų išvengta neteisingo darbo su paslaugomis, jei jos pakeis scenarijus, cron automatiškai prisijungs ir atnaujins juos savo serveryje.
Eikite į savo prieglobos skydelį ir pasirinkite skirtuką CRON ir įveskite komandą, taip pat nurodykite laiką kartą per valandą / dieną arba bet kuriuo kitu laiku.
Wget -q -O - /dev/null http://www..php >/dev/null 2>&1
Nepamirškite pakeisti URL ir galbūt jūsų komandų sintaksė skirsis, peržiūrėkite cron komandų pavyzdžius prieglobos žinyne arba susisiekite su technine pagalba.
5 veiksmas. Pakeiskite kelią į JS skaitiklyje arba scenarijuje
Jei skaitiklyje buvo kelias https://mc.yandex.ru/metrika/watch.js, pakeiskite jį keliu svetainės viduje, pavyzdžiui, http://www..js
Tai viskas, dabar sąraše PageSpeed Insights Neturėtumėte turėti jokių pranešimų apie naršyklės talpyklos nustatymą.
Atsisiųskite archyve instrukcijas „įgalinti naršyklės talpyklą Google PageSpeed“. Jūs negalite atsisiųsti failų iš mūsų serverio
Pristatome naudingą straipsnį „Įgalinti „Google PageSpeed“ naršyklės talpyklą“, kad optimizuotumėte savo svetainę pagal „Google PageSpeed“ įrankį – visa tai, ką turime forumų, įsilaužimų, modulių, šablonų.
Instrukcija veikia tik tuo atveju, jei apache apdoroja statinius failus (įdiegtus kaip sąsają). Jei nginx yra priešais jį, tie patys veiksmai turi būti atliekami visiškai kitaip.
Pirma, keli žodžiai apie temą – kodėl reikalingas svetainės išteklių (vaizdų, css, html failų, archyvų ir kitų statinių failų) talpinimas?
Kiekvieną kartą, kai lankytojas atidaro jūsų svetainę, atsisiunčiamas ne tik puslapio html kodas, bet ir visi kartu esantys failai, reikalingi puslapio dizainui (paveikslėliai, css stiliai, js scenarijai ir pan.).
Dėl to vienas failo puslapio atidarymas yra ne viena užklausa serveriui, o nuo dešimties iki šimtų! Kiekviena tokia užklausa yra ne tik serverio apkrova (tai svarbu), bet ir papildomas laikas vartotojui įkelti puslapį (o tai svarbu kaip svetainės kokybės ir vartotojo patogumo su ja dirbti rodiklis) .
Pavyzdžiui, populiari svetainių tikrinimo paslauga iš Google PageSpeed Insights visada rašo apie tai įspėjimą:
Naudokite naršyklės talpyklą
HTTP antraštėse nurodydama statinių išteklių datą arba galiojimo pabaigos datą, naršyklė įkels anksčiau gautus išteklius iš vietinio disko, o ne iš interneto.
Naudokite naršyklės talpyklą šiems ištekliams://— probleminių failų sąrašas —//
Įjungus talpyklą, ne tik sumažinama serverio apkrova (beveik visi svetainės puslapiai turi pasikartojančius dizaino elementus, java scenarijus ir pan.), kai vartotojas vėl apsilanko svetainėje/puslapyje, bet ir sumažina puslapio įkėlimo laiką jo pusėje. Kadangi naršyklė beveik žaibo greičiu paima failus iš talpyklos, vartotojas jaučiasi, kad puslapis įkeliamas beveik žaibo greičiu!
Norėdami išspręsti šią problemą, sukurkite failą svetainės aplanke su pavadinimu .htaccess(su tašku pradžioje. Tai svarbu!) ir pridėkite prie jo šias taisykles. Jei failas jau yra, pridėkite prie esamo pabaigos:
# talpyklos talpinimas naršyklėje vartotojo pusėje
Po to galite patikrinti rezultatą adresu Google puslapyje PageSpeed Insights (jei viskas teisinga - pranešimas " Naudokite naršyklės talpyklą“ bus pažymėtas žaliai ir patalpintas skiltyje „Užpildytos taisyklės: (plačiau)“)
Neveikia, ką turėčiau daryti?
Jei talpyklos kaupimas neveikia, turite patikrinti, ar moduliai yra įdiegti. Norėdami tai padaryti, svetainės aplanke turite sukurti failą test.php su kodu:
Jei sąraše nėra mod_expires arba mod_headers, paeiliui vykdykite šias komandas serverio konsolėje (prijungta) ( tai įdiegs / įjungs mod_expires, mod_headers):
A2enmod antraštės a2enmod baigiasi paslaugos apache2 paleidimas iš naujo
Jei svetainėje yra įprastas priegloba, viskas yra sudėtingiau. Susisiekite su technine pagalba ir sužinokite, kodėl moduliai neįdiegti ir kaip galite išspręsti šią problemą. Kadangi gali būti gana daug priežasčių, kodėl prieglobos serveris neįdiegė modulių.
👁9 325 peržiūros.
Šiame straipsnyje toliau nagrinėjame, kaip galite pagreitinti svetainės įkėlimą. Mes aptarėme anksčiau. Šiandien sužinosime, kaip įjungti naršyklės talpyklą vartotojo pusėje naudojant .htaccess failą.
Kodėl įgalinti naršyklės talpyklą vartotojo pusėje
Dažnai kurdami naują svetainę programuotojai nekreipia didelio dėmesio į interneto svetainės įkėlimo naršyklėje greitį. Ypač jei šis punktas nebuvo sutelktas į svetainės kūrimo techninę užduotį. Ir išleidus naują kūrinį, žiniatinklio specialistas, dalyvaujantis šio projekto kūrime ir reklamoje, gali stebėti labai liūdną vaizdą, nuskaitydamas svetainę, kad būtų nustatytas įkėlimo greitis „Google“ „PageSpeed Insights“.
Toli nuo to visas sąrašas problemos, su kuriomis galime susidurti ir kurios sulėtina svetainės įkėlimo greitį vartotojo naršyklės pusėje:
Kai kuriems skaitytojams gali kilti klausimas, kodėl būtent jums reikia įjungti šią talpyklą ir pagreitinti svetainės įkėlimo greitį? Juk ir taip svetainė veikia neblogai.
Tam yra bent dvi priežastys:
- Jei svetainė ilgai įkeliama, vartotojas gali nelaukti jūsų super efektų, dizainerio numatytų atkreipti dėmesį, o tiesiog uždaryti jūsų meno kūrinį ir tiesiog nueiti į konkurento svetainę, galbūt ne tokią spalvingą, bet greičiau ir labiau reaguoja. Juk niekas iš mūsų nemėgsta ilgai laukti. 🙂
- Kuo ilgesnis svetainės įkėlimo greitis, tuo mažesnė ji bus aptarnaujama. paieškos sistemos Autorius pagrindinės užklausos, palyginti su konkurentų svetainėmis. O tai jau yra didelė grėsmė jūsų verslo plėtrai.
Kaip įjungti failų talpyklą naršyklėje vartotojo pusėje
Jei jūsų projektas yra sukurtas populiarioje TVS WordPress, tai yra, yra daug papildinių, galinčių išspręsti talpyklos problemą. Populiariausi iš jų yra W3 Total Cache, WP Super Cache, Hiper talpykla. Tačiau šiame straipsnyje siūlau apsvarstyti patikimesnį, mano nuomone, būdą įgalinti talpyklą per .htaccess failą tiesiai priegloboje.
Atkreipkite dėmesį, kad siūlomi metodai veiks tik tuo atveju, jei jūsų prieglobos paslaugų teikėjo serveryje bus įdiegta „Apache“ programinė įranga.
Prieš atlikdami bet kokius pakeitimus.htaccess faile būtinai jį padarykite atsarginė kopija prie kompiuterio, kad galėtumėte jį atkurti, jei kas nors negerai.
Norėdami įjungti naršyklės talpyklą vartotojo pusėje, Pakanka naudoti vieną iš toliau pateiktų metodų. Nepatartina naudoti abiejų metodų vienu metu ir gali sutrikdyti jūsų svetainę.
Naršyklės talpyklos įgalinimas vartotojo pusėje naudojant modulį mod_headers
Norint įjungti talpyklos funkciją, toliau esantis kodas turi būti įterptas į .htaccess failą, kuris yra jūsų svetainės šakniniame kataloge. Kad išvengtumėte klaidų, kodą turite įterpti prieš eilutę # END WordPress:
# Talpyklos įjungimas svetainės lankytojų naršyklėse < ifModule mod_headers . c > # Visi html ir htm failai bus saugomi naršyklės talpykloje 12 valandų < FilesMatch "\.(html|htm)$" > Antraštės rinkinio talpykla – valdiklis „max-age=43200“ < / FilesMatch > # Visi css, javascript ir tekstiniai failai bus saugomi naršyklės talpykloje 7 dienas < FilesMatch "\.(js|css|txt)$" > Antraštės rinkinio talpykla – valdiklis „max-age=604800“ < / FilesMatch > # Visi „Flash“ failai ir vaizdai bus saugomi naršyklės talpykloje 31 dieną < FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$"> Antraštės rinkinio talpykla – valdiklis „max-age=2592000“ < / FilesMatch > # Išjunkite php ir kitų paslaugų failų talpyklą < FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$"> Antraštės atšauktas Talpykla – valdymas < / FilesMatch > < / IfModule > |
Neapibūdinsiu, ką reiškia šios ar kitos direktyvos. Daugiau informacijos apie jų vertybes galite rasti oficialioje „Apache“ dokumentų svetainėje.
Naršyklės talpyklos įgalinimas vartotojo pusėje naudojant modulį mod_expires
Norėdami įjungti talpyklą naršyklėje vartotojo pusėje naudodami modulį mod_expires, .htaccess faile parašykite šį kodą:
< ifModule mod_expires . c > Baigiasi aktyvus įjungtas #numatytoji talpykla yra 30 sekundžių Baigia galiotiNumatytasis „prieiga plius 30 sekundžių“ # Įgalinkite vaizdo talpyklą ir blykstę 1 mėnesiui ExpiresByType vaizdas / x - piktograma "prieiga ir 1 mėnuo" ExpiresByType vaizdas / jpeg "prieiga plius 4 savaites" ExpiresByType vaizdas / png "prieiga plius 30 dienų" ExpiresByType vaizdas / gif "prieiga plius 43829 minutės" ExpiresByType programa / x - Shockwave - blykstė "prieiga plius 2592000 sekundžių" # Įgalinkite css, javascript ir tekstinių failų talpyklą 7 dienas ExpiresByType text/css "prieiga plius 604800 sekundžių" ExpiresByType tekstas/javascript "prieiga plius 604800 sekundžių" ExpiresByType programa/javascript "prieiga plius 604800 sekundžių" |
img class=”aligncenter wp-image-2458 size-full” title=”Kaip naršyklėje įjungti svetainės puslapių talpyklą” src=”http://about-windows.ru/wp-content/uploads/2014/07/How to enable -browser-caching-of-site-pages.jpg” alt=”Kaip įjungti svetainės puslapių talpyklą naršyklėje” width=”600″ height=”450″ />
Kaip savo svetainėje įgalinti galutinio vartotojo naršyklės talpyklą?
Jei jūsų serveris praneša galutinio vartotojo naršyklei, kad kai kurie ištekliai gali būti saugomi , tada pakartotinė užklausa dėl tų pačių išteklių gaus atsakymą ne iš nuotolinio serverio, o iš vietinio kompiuterio. Iš to naudos turės abi pusės. Taigi serveris atleis dalį apkrovos, nes jam nereikės siųsti tam tikrų išteklių, kurie jau yra vartotojo kompiuteryje. Tačiau vartotojas gaus daugiau greita prieigaį prašomus išteklius.
Kaip įjungti naršyklės svetainės išteklių talpyklą „Apache“ serveryje?
Pirmiausia išsiaiškinkime, kokius išteklius naršyklė turėtų laikyti talpykloje. Leiskite jums priminti, kad jei naršyklė talpykloje saugo kai kuriuos išteklius, ji gali jų nevisiškai atnaujinti ilgą laiką. Ši situacija yra gana tinkama statiniams objektams. Kokius išteklius galima priskirti statiniams objektams?
- CSS failai.
- JS failai.
- Vaizdai.
- Vaizdo įrašas.
- Muzika.
Pirmiau minėti ištekliai, kaip ir kai kurie kiti ištekliai, gali būti saugomi talpykloje ilgą laiką be žalos. Jie nebus atnaujinami kiekvieną dieną. Remdamasis tuo, pateiksiu jums kodą, kuris privers vartotojo naršyklę talpykloje išsaugoti išvardytus išteklius. Be to, nurodysime laikotarpį, per kurį šie ištekliai gali būti saugomi talpykloje neprašant atnaujinti.
Baigiasi aktyvus įjungtas
Baigiasi Numatytasis „prieiga 7 dienos“
ExpiresByType programa / javascript "prieiga plius 1 metai"
ExpiresByType tekstas/javascript "prieiga ir 1 metai"
ExpiresByType tekstas / css „prieiga ir 1 metai“
ExpiresByType text/html „prieiga ir 7 dienos“
ExpiresByType text/x-javascript "prieiga 1 metai"
ExpiresByType vaizdas/gif „prieiga plius 1 metai“
ExpiresByType vaizdas/jpeg „prieiga ir 1 metai“
ExpiresByType vaizdas/png „prieiga ir 1 metai“
ExpiresByType vaizdas/jpg „prieiga ir 1 metai“
ExpiresByType vaizdas / x-icon "prieiga 1 metai"
ExpiresByType programa / x-shockwave-flash "prieiga 1 metai"
Šis kodas turi būti įvestas į failą .htaccess, kuris yra svetainės, kurios serveriu veikia „Apache“, šakniniame aplanke. Po to naršyklė nurodytą laikotarpį talpykloje išsaugos visus aukščiau nurodytus objektus. Tai reiškia, kad jei apsilankysite toje pačioje svetainėje per metus (kaip nurodyta pavyzdyje), iš savo kompiuterio gausite daug failų, nebent, žinoma, per tą laiką išvalėte kompiuterio talpyklą.
- htaccess talpyklos kaupimas išsaugo tinklalapio turinį vietinis kompiuteris kai vartotojas joje apsilanko;
- Naršyklės talpyklos naudojimas – žiniatinklio valdytojas nurodo naršyklėms, kaip elgtis su ištekliais.
Kai naršyklė pateikia tinklalapį, ji turi įkelti logotipą, CSS failą ir kitus išteklius:
Naršyklės talpykla „atsimena“ išteklius, kuriuos naršyklė jau atsisiuntė. Lankytojui nuėjus į kitą svetainės puslapį, logotipą, CSS failus ir pan. neturėtų būti atsisiunčiami dar kartą, nes naršyklė juos jau „įsiminė“ (išsaugojo). Dėl šios priežasties tinklalapio įkėlimas pirmą kartą užtrunka ilgiau nei apsilankius pakartotinai.
Kai naudojate talpyklą, tinklalapio failai bus saugomi naršyklės talpykloje. Per pakartotinius apsilankymus puslapiai bus įkeliami daug greičiau. Taip atsitiks ir su kitais puslapiais, kuriuose naudojami tie patys ištekliai.
Kaip įjungti naršyklės talpyklą
- Keisti išteklių užklausų antraštes, kad būtų galima naudoti talpyklą;
- Optimizuokite talpyklos strategiją.
Užklausų antraščių keitimas
Daugumai žmonių vienintelis būdas talpykloje išsaugoti svetainės htaccess yra pridėti kodą prie .htaccess failo žiniatinklio serveryje.
.htaccess failas valdo daugelį svarbius nustatymus jūsų svetainei.
Naršyklės talpyklos kaupimas naudojant .htaccess failą
Toliau pateiktas kodas nurodo naršyklei, ką laikyti talpykloje ir kiek laiko tai „atsiminti“. Jis turėtų būti įtrauktas į .htaccess failo pradžią:
Nr.
Išsaugokite .htaccess failą ir atnaujinkite tinklalapį.
Kaip nustatyti skirtingų tipų failų talpyklos laiką
Aukščiau pateiktas kodas nurodo laiko intervalus. Pavyzdžiui, 1 metai (1 metai) arba 1 mėnuo (1 mėnuo). Jie yra susiję su failų tipais. Aukščiau pateiktas kodas nurodo, kad .jpg failai (vaizdai) turi būti saugomi talpykloje metus.
Jei norite tai pakeisti taip, kad JPG vaizdai taip pat būtų saugomi talpykloje mėnesį, tiesiog pakeiskite „1 metus“ į „1 mėnesį“. Aukščiau pateiktos htaccess talpyklos vertės yra optimalios daugeliui tinklalapių.
Alternatyvus talpyklos .htaccess metodas
Aukščiau aprašytas metodas vadinamas " Baigia galioti“, tai padeda daugumai pradedančiųjų talpykloje. Kai įprasite naudoti talpyklą, galite išbandyti kitą talpyklos metodą, vadinamą Cache-Control, kuris suteikia daugiau galimybių.
Gali būti, kad metodas Expires neveiks jūsų serveryje. Tokiu atveju galbūt norėsite pabandyti naudoti talpyklos valdymą.
Talpyklos valdymas
Šis metodas leidžia labiau valdyti puslapio talpyklą naršyklėje, tačiau daugeliui žmonių lengviau vieną kartą nurodyti visus nustatymus.
Naudojimo pavyzdys .htaccess faile:
#1 mėnuo daugumai statinių išteklių
Aukščiau pateiktas kodas nustato Cache-Control antraštę, priklausomai nuo failo tipo.
Kaip veikia talpyklos valdymas?
Apsvarstykite aukščiau pateiktą talpyklos kodo eilutę htaccess naršyklėje:
#1 mėnuo daugumai statinių išteklių
Ši eilutė yra tik pastaba. .htaccess failas nepaiso eilučių, prasidedančių simboliu #. Ši pastaba rekomenduojama, nes galite naudoti kelis skirtingus duomenų rinkinius kaip failų talpyklos sprendimą:
Aukščiau minėta eilutė sako, kad " jei failas yra vienas iš šių tipų, mes su juo ką nors darysime...»
Svarbiausias dalykas šioje eilutėje yra tai, kad joje pateikiami sąrašai įvairių tipų failai ( CSS, JS, JPEG, PNG ir tt ) ir šiems failų tipams turėtų būti taikomos talpyklos instrukcijos. Pavyzdžiui, jei nenorite, kad JPG failai būtų saugomi talpykloje tam tikrą laikotarpį, galite pašalinti " JPG“. Jei norite pridėti HTML, šioje eilutėje turite nurodyti „ HTML«:
Antraštės rinkinys „Cache-Control“ „max-age=2592000, public“
Pirmiau minėta eilutė nustato faktines antraštes ir reikšmes:
- dalis " Antraštės rinkinys Cache-Control» — nustato pavadinimą;
- Kintamasis " maksimalus amžius = 2592000"-nurodo, kiek laiko užtruks talpyklos procesas (sekundėmis). Šiuo atveju talpykloje saugome vieną mėnesį (2592000) sekundžių;
- dalis " viešas» praneša, kad ji yra viešai prieinama.
