Përdorimi i një cache në anën e shfletuesit (apache). Si të aktivizoni cachimin e shfletuesit, recetë për htaccess Si të aktivizoni cachimin e shfletuesit


img class=”aligncenter wp-image-2458 size-full” title=”Si të aktivizoni memorien e shfletuesit të faqeve të faqeve” src=”http://about-windows.ru/wp-content/uploads/2014/07/How për të aktivizuar -browser-caching-of-site-pages.jpg” alt=”Si të aktivizoni memorien e faqeve të faqeve në shfletues” width=”600″ lartësi=”450″ />

Si mund të aktivizoj cache-in e shfletuesit të përdoruesit fundor në faqen time?

Nëse serveri juaj i bën të ditur shfletuesit të përdoruesit fundor se disa burime mund të ruhen në , atëherë një kërkesë e përsëritur për të njëjtat burime do të marrë një përgjigje jo nga serveri i largët, por nga kompjuteri lokal. Të dyja palët do të përfitojnë nga kjo. Kështu, serveri do të lehtësojë një pjesë të ngarkesës, pasi nuk do të duhet të dërgojë burime të caktuara që janë tashmë të disponueshme në kompjuterin e përdoruesit. Por përdoruesi do të marrë akses më të shpejtë në burimet e kërkuara.

Si të aktivizoni memorien e shfletuesit të burimeve të faqes në një server Apache?

Së pari, le të kuptojmë se cilat burime duhet të ruajë memorien e shfletuesit. Më lejoni t'ju kujtoj se nëse shfletuesi ruan disa burime, ai mund të mos i përditësojë ato për një kohë mjaft të gjatë. Kjo situatë është mjaft e përshtatshme për objekte statike. Cilat burime mund të klasifikohen si objekte statike?

  1. Skedarët CSS.
  2. skedarët JS.
  3. Imazhet.
  4. Video.
  5. Muzikë.

Burimet e mësipërme, si dhe disa burime të tjera, mund të ruhen për një kohë të gjatë pa dëmtim. Ato nuk do të përditësohen çdo ditë. Bazuar në këtë, unë do t'ju jap kodin që do të detyrojë shfletuesin e përdoruesit të ruajë burimet e listuara. Për më tepër, ne do të tregojmë periudhën gjatë së cilës këto burime mund të ruhen në cache pa kërkuar përditësime.


Skadon Aktiv Më
ExpiresDefault "qasje 7 ditë"
Aplikacioni ExpiresByType/javascript "akses plus 1 vit"
ExpiresByType text/javascript "akses plus 1 vit"
ExpiresByType text/css “akses plus 1 vit”
ExpiresByType text/html “qasje plus 7 ditë”
ExpiresByType text/x-javascript "qasje 1 vit"
ExpiresByType imazh/gif "qasje plus 1 vit"
ExpiresByType image/jpeg “akses plus 1 vit”
ExpiresByType image/png “qasje plus 1 vit”
ExpiresByType image/jpg "qasje plus 1 vit"
ExpiresByType image/ikona x "akses 1 vit"
Aplikacioni ExpiresByType/x-shockwave-flash "akses 1 vit"

Ky kod duhet të futet në skedar .htaccess, i cili ndodhet në dosjen rrënjë të sajtit për të cilin Apache shërben si server. Pas kësaj, shfletuesi do të ruajë të gjitha objektet e mësipërme për periudhën e specifikuar. Kjo do të thotë që nëse vizitoni të njëjtin sajt brenda një viti (siç tregohet në shembull), do të merrni shumë skedarë nga kompjuteri juaj, përveç nëse, sigurisht, e keni pastruar cache-in e kompjuterit tuaj gjatë kësaj kohe.

Udhëzimi funksionon vetëm nëse apache përpunon skedarë statikë (të instaluar si frontend). Nëse nginx është para tij, të njëjtat veprime duhet të kryhen në një mënyrë krejtësisht të ndryshme.

Së pari, disa fjalë për temën - pse është e nevojshme ruajtja e burimeve të faqes në internet (imazhe, css, skedarë html, arkiva dhe skedarë të tjerë statikë)?

Sa herë që një vizitor hap faqen tuaj, shkarkohet jo vetëm kodi html i faqes, por edhe të gjithë skedarët shoqërues që nevojiten për dizajnimin e faqes (foto, stile css, skriptet js, e kështu me radhë).
Si rezultat, një hapje e faqes së skedarit nuk është një kërkesë për serverin, por nga dhjetë në qindra! Çdo kërkesë e tillë nuk është vetëm një ngarkesë në server (që është e rëndësishme), por edhe kohë shtesë për përdoruesin për të ngarkuar faqen (e cila është e rëndësishme si një tregues i cilësisë së faqes dhe lehtësisë së përdoruesit për të punuar me të) .

Për shembull, shërbimi popullor i kontrollit të faqes nga Google PageSpeed ​​​​Insights gjithmonë shkruan një paralajmërim për këtë:

Përdorni cache të shfletuesit tuaj
Duke specifikuar një datë ose datë skadimi për burimet statike në titujt HTTP, shfletuesi do të ngarkojë burimet e marra më parë nga disku lokal dhe jo nga Interneti.
Përdorni cache-in e shfletuesit tuaj për burimet e mëposhtme:

//— lista e skedarëve me probleme —//

Aktivizimi i caching-ut jo vetëm që zvogëlon ngarkesën në server (pothuajse të gjitha faqet e faqes kanë elemente të dyfishta të dizajnit, skriptet java, etj.) kur përdoruesi viziton sërish sitin/faqen, por gjithashtu redukton kohën e ngarkimit të faqes nga ana e tij. Meqenëse shfletuesi merr skedarë nga cache pothuajse me shpejtësi rrufeje, përdoruesi ka ndjenjën se faqja është ngarkuar pothuajse me shpejtësi rrufeje!

Për të zgjidhur këtë problem, krijoni një skedar në dosjen e faqes me emrin .htaccess(me një pikë në fillim. Kjo është e rëndësishme!) dhe shtoni këto rregulla në të. Nëse skedari ekziston tashmë, shtoni në fund të atij ekzistues:

# caching në shfletuesin në anën e përdoruesit ExpiresActive On ExpiresDefault "akses 7 ditë" ExpiresByType aplikacion/javascript "akses plus 1 vit" ExpiresByType text/javascript "akses plus 1 vit" ExpiresByType text/css "akses plus 1 vit" ExpiresByType plus text/htmlyType Expires /x-javascript "akses 1 vit" ExpiresByType image/gif "akses plus 1 vit" ExpiresByType image/jpeg "akses plus 1 vit" ExpiresByType image/png "akses plus 1 vit" ExpiresByType image/jpg "akses plus 1 vit" Skadon imazh/ikona x "akses 1 vit" Aplikacioni ExpiresByType/x-shockwave-flash "akses 1 vit"# Cache-Control # 30 dite # 30 dite Kompleti i titujve Cache-Control "max-age=2592000, public"# 2 dite Kompleti i titujve Cache-Control "max-age=172800, publik, duhet të rivlerësohet"# 1 dite Kompleti i titujve Cache-Control "max-age=172800, private, must-revalidate" #Ndaloni dërgimin e titujve Vary HTTP te shfletuesit e familjes MSIE BrowserMatch "MSIE" force-no-vary BrowserMatch "Mozilla/4.(2)" force-no-vary

Pas kësaj, mund të kontrolloni rezultatin në faqen e Google PageSpeed ​​​​Insights (nëse gjithçka është e saktë - mesazhi " Përdorni cache të shfletuesit tuaj" do të shënohet me të gjelbër dhe do të vendoset në seksionin "Rregullat e plotësuara: (më shumë detaje)")

Nuk funksionon, çfarë duhet të bëj?

Nëse memoria nuk funksionon, atëherë duhet të kontrolloni nëse modulet janë instaluar. Për ta bërë këtë, duhet të krijoni një skedar në dosjen e faqes test.php me kod:

Nëse mod_expires ose mod_headers nuk janë në listë, ekzekutoni komandat e mëposhtme në tastierën e serverit (të lidhur) me radhë ( kjo do të instalojë/aktivizojë mod_expires, mod_headers):

Titujt e A2enmod A2enmod skadon rinisja e shërbimit apache2

Nëse faqja është në pritje të rregullt, atëherë gjithçka është më e ndërlikuar. Kontaktoni mbështetjen teknike dhe zbuloni pse modulet nuk janë instaluar dhe si mund ta kapërceni këtë problem. Meqenëse mund të ketë shumë arsye pse hosti nuk i instaloi modulet.

Përpara hapjes së një faqeje, shfletuesi duhet të shkarkojë të gjithë përmbajtjen e tij (HTML, CSS, Javascript dhe imazhe). Ngarkimi i faqeve të mëdha dhe të vështira mund të jetë një përvojë mjaft e dhimbshme nëse keni internet të ngadaltë (ose jeni duke përdorur një telefon celular). Çdo skedar dërgon një kërkesë të veçantë në server dhe sa më shumë kërkesa të tilla të marrë në të njëjtën kohë, aq më shumë punë duhet të bëjë dhe aq më ngadalë do të ngarkohet faqja. Në këtë rast, përdorni cache-in e shfletuesit.

Cache e shfletuesit mund të ruajë disa nga skedarët e faqes për përdoruesit. Në vizitën tuaj të parë, koha e shkarkimit do të mbetet e pandryshuar, por me vizitën tjetër, duke rifreskuar faqen ose duke kaluar në një tjetër, disa nga skedarët do të ruhen tashmë në shfletues. Kjo do të thotë që shfletuesi i përdoruesit do të duhet të shkarkojë më pak të dhëna dhe të bëjë më pak kërkesa në server, duke reduktuar kështu kohën e ngarkimit të faqes.

Para se të filloni këtë udhëzues, do t'ju nevojiten sa më poshtë:

  • Qasja në skedarin .htaccess

Hapi 1 - Redaktimi i skedarit .htaccess

Procesi është mjaft i thjeshtë, ju duhet të shtoni kodin e mëposhtëm në skedarin tuaj .htaccess (mund të gjeni një udhëzues se si të përcaktoni vendndodhjen e skedarit tuaj .htaccess):

## SKADONI ME CACHING ## ExpiresActive On ExpiresByType image/jpg "qasje plus 1 vit" ExpiresByType image/jpeg "akses plus 1 vit" ExpiresByType image/gif "akses plus 1 vit" ExpiresByType image/png "qasje plus 1 vit" ExpiresByType plus 1saccess muaj" ExpiresByType aplikacion/pdf "akses plus 1 muaj" ExpiresByType tekst/x-javascript "akses plus 1 muaj" ExpiresByType aplikacion/x-shockwave-flash "akses plus 1 muaj" ExpiresByType imazh/ikona x "akses plus 1 vit" Expires "Qasje plus 7 ditë" e parazgjedhur## SKADONI ME CACHING ##

Pas ruajtjes së ndryshimeve në skedarin .htaccess, faqja juaj automatikisht do të fillojë të përdorë cache-in e shfletuesit për të ruajtur skedarët e përkohshëm.

Hapi 2 - Kontrollimi i përdorimit të cache të shfletuesit

Ju mund të kontrolloni korrektësinë e ndryshimeve të bëra duke përdorur shumë mjete, të tilla si WebPageTest ose GTMetrix

Këtu janë rezultatet PARA aktivizimi i cachimit të shfletuesit:

Për krahasim, këtu janë rezultatet PAS aktivizoni memorien e shfletuesit:

konkluzioni

Në këtë udhëzues të shpejtë, ju mësuat se si të shpejtoni faqen tuaj të internetit duke përdorur cache të shfletuesit tuaj. Nëse dëshironi të rrisni shpejtësinë e ngarkimit të faqes tuaj, përdorni cache-in e shfletuesit.

Ju mund ta çlironi faqen tuaj nga ruajtja e skedarëve duke përdorur skedarin .htaccess duke shtuar kod të veçantë në të. Shkoni te direktoria kryesore e faqes tuaj në host, ku ndodhen të gjithë skedarët e faqes tuaj, gjeni skedarin .htaccess atje, hapni skedarin .htaccess dhe shtoni kodin e mëposhtëm në të:


Skadon Aktiv Më
Expires Default "qasje 7 ditë"
Aplikacioni ExpiresByType/javascript “akses plus 1 vit”
ExpiresByType text/javascript “akses plus 1 vit”
ExpiresByType text/css “akses plus 1 vit”
ExpiresByType text/html “qasje plus 7 ditë”
ExpiresByType text/x-javascript “akses 1 vit”
ExpiresByType imazh/gif "qasje plus 1 vit"
ExpiresByType image/jpeg “akses plus 1 vit”
ExpiresByType image/png “qasje plus 1 vit”
ExpiresByType image/jpg "qasje plus 1 vit"
ExpiresByType image/ikona x "akses 1 vit"
Aplikacioni ExpiresByType/x-shockwave-flash "akses 1 vit"






Kompleti i titujve Cache-Control "max-age=2592000, public"


Kompleti i titujve Cache-Control "max-age=172800, publik, duhet të rivlerësohet"


Kompleti i titujve Cache-Control "max-age=172800, private, must-revalidated"



BrowserMatch “MSIE” force-no-vary
BrowserMatch “Mozilla/4.(2)” force-no-vary

Në kod, ju mund të ndryshoni periudhat kohore gjatë të cilave faqja juaj do të ruhet nga shfletuesi. Për shembull, në vend të vlerës - 1 vit (një herë në vit), mund të bëni 1 muaj (d.m.th., çdo muaj). Afatet kohore janë të specifikuara për çdo lloj skedari.

Duke përdorur një shtojcë

Nëse keni frikë të futeni në kod ose nuk keni një skedar .htaccess, atëherë mund të krijoni një memorie të fshehtë në anën e shfletuesit duke përdorur një shtojcë të thjeshtë - Zendy Speed: Browser Caching. E tëra çfarë ju duhet të bëni është të instaloni dhe aktivizoni këtë shtojcë, nuk keni nevojë të bëni asgjë tjetër. Pas aktivizimit të shtojcës, kodi do të shtohet automatikisht.

Pershendetje te gjitheve! Sot dua t'ju tregoj se si të ruani elementët e jashtëm në Google PageSpeed ​​​​Insights për të rritur shpejtësinë e faqes tuaj. Çështja do të jetë të shkarkoni js dhe skedarë të tjerë të shkarkueshëm nga burime të jashtme në faqen tuaj të internetit.

Si të aktivizoni cachimin e skedarëve në shfletues

Para se të shkruaj se si të aktivizoni memorien e skedarëve për faqen tuaj të internetit në shfletuesin në anën e përdoruesit, dua të shpjegoj se çfarë është një memorie e fshehtë.

Cache- ruajtja e skedarëve të parë në kompjuterin tuaj, gjë që rrit shpejtësinë e ngarkimit të faqes ose faqes kur e shikoni përsëri. Memoria e fshehtë ka jetëgjatësinë e vet, pas së cilës përditësohet ose fshihet.

Ne kuptuam se çfarë është një cache. Tani, le të kontrollojmë faqen tonë në shërbimin PageSpeed ​​dhe të sigurohemi që Google rekomandon që të përdorim cache-in e shfletuesit. Ja një fragment nga mesazhi.

Duke specifikuar një datë ose datë skadimi për burimet statike në titujt HTTP, shfletuesi do të ngarkojë burimet e marra më parë nga disku lokal dhe jo nga Interneti.

Nëse këta skedarë ndodhen në burimin tuaj, atëherë mund të shkruani kodin e memorizimit të shfletuesit në skedar htaccess, i vendosur në rrënjë të faqes. Këtu është vetë kodi, nëse dikush ka nevojë për të.

# tekst kompresimi, html, javascript, css, xml: AddOutputFilterByType DEFLATE tekst/html tekst/tekst i thjeshtë/aplikacion xml/aplikacion xml/xhtml+xml tekst/css tekst/aplikacion javascript/aplikacion javascript/x-javascript# cache e shfletuesit ExpiresActive Në #parazgjedhur cache është 5 sekonda ExpiresDefault "akses plus 1 ditë" # Aktivizo memorien e imazhit dhe ndezjen për një muaj ExpiresByType image/ikona x "akses plus 1 muaj" ExpiresByType image/jpeg "akses plus 4 javë" ExpiresByType image/p "qasje plus 30 ditë" ExpiresByType image/gif "qasje plus 43829 minuta" ExpiresByType aplikacion/x-shockwave-flash "qasje plus 2592000 sekonda" # Aktivizo cachimin e skedarëve css, javascript dhe tekst për një javë ExpiresByType "pluscspe 604800 sekonda" ExpiresByType text/javascript "akses plus 604800 sekonda" ExpiresByType application/javascript "akses plus 604800 seconds" ExpiresByType application/x-javascript "akses plus 604800 seconds texting of Expresions of oneday and htmly Enabled one day "akses plus 43200 sekonda" # Aktivizo ruajtjen e skedarëve xml për dhjetë minuta ExpiresByType application/xhtml+xml "akses plus 600 seconds" # Fonte jo standarde të faqes ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType opentype "akses plus 1 muaj" ExpiresByType application/x-font-woff "akses plus 1 muaj" ExpiresByType image/svg+xml "akses plus 1 muaj" ExpiresByType application/vnd.ms-fontobject "akses plus 1 muaj"

Duke ngjitur këtë kod në skedarin htacces, mund të kontrolloni dy herë faqen tuaj në shërbimin Google PageSpeed 
Vështrime. Nëse në seksionin " përdorni cache të shfletuesit“Gjithçka është në rregull, kjo do të thotë se do ta kesh atje
vetëm lidhje me burime të jashtme, të tilla si analitika, sociale
butonat dhe kështu me radhë.
Personalisht, paralelisht me këtë kod, unë përdor aftësitë e pritjes sime për të ruajtur skedarët në anën e përdoruesit. Duket kështu.

Siç mund ta shihni, hostimi im ju lejon të aktivizoni caching në anën e shfletuesit dhe të vendosni nivelin e kompresimit dhe periudhën e ruajtjes së skedarëve. Gjithashtu, unë përdor shtojcën wp super cache për ngarkim të shpejtë të faqeve, por mbase do t'u tregoj lexuesve të mi për këtë disi, abonuar në përditësimet e blogut.

Si të aktivizoni cache-in e skedarëve të jashtëm në Google PageSpeed ​​​​Insights

Nëse keni ndjekur rekomandimet për ruajtje të skedarëve në blogun tuaj. Ju duhet të shihni vetëm lidhje me burimet e jashtme në mjetin Google PageSpeed ​​​​Insights. Duhet të keni diçka të ngjashme.
Siç mund ta shihni nga pamja e ekranit, Google PageSpeed ​​​​Insights betohet për burime të jashtme, të tilla si metrikat e Yandex, google analitics dhe të tjera. Tani unë do t'ju tregoj se si ta rregulloni këtë gabim dhe të krijoni lidhje me burimet e jashtme të brendshme dhe të memorizuara në anën e serverit tuaj.

Përdorimi i cache-it të shfletuesit për burime të jashtme

Meqenëse skedarët e burimeve të jashtme nuk i përkasin faqes sonë, ato duhet së pari të shkarkohen. Për të shkarkuar skedarë të jashtëm nga burime të palëve të treta, duhet të krijojmë një skedar kesh_js.php me kodin e mëposhtëm. Unë ju këshilloj të përdorni Notepad++ për të shtuar shpejt dhe saktë kodin në një skedar.

Për të shkruar kodin që na nevojitet. merrni dhe kopjoni këtë lidhje:

shkarkoJs( ngjisni lidhjen nga PageSpeed ​​këtu /metrikë.js, realpath ("./ folder_js« ) . ‘/ metrikë.js- futni skedarin përfundimtar këtu') ;

Në këtë mënyrë ju mund të shtoni shumë pyetje. E vetmja gjë që duhet të mbani mend është të siguroheni që nuk keni skedarë të kopjuar në dosje. Në këtë rast, përdorni një skedar për disa skripta, zakonisht të njëjtin skenar, ose riemërtoni atë.

Pas shtimit të kodit në skedar kesh_js.php, mund ta quash ndryshe. Duhet të ngarkohet në rrënjën e faqes sonë. Gjithashtu në rrënjën e faqes, duhet të krijoni një dosje folder_js, ose me një emër tjetër me të drejta aksesi 777/755. Për të vendosur të drejtat e hyrjes për një dosje, unë rekomandoj përdorimin Fillizille.

Për ta bërë këtë, thjesht hapni programin fillizilla. Më pas, zgjidhni dosjen dhe vendosni të drejtat e hyrjes, sigurohuni në 777, pas së cilës e kthejmë atë në 755. Kjo mund të bëhet edhe në panelin e kontrollit të hostit tuaj nëse nuk dëshironi të përdorni këtë program. Unë do t'ju tregoj një pamje nga ekrani i vendosjes së të drejtave të aksesit në programin Fillizilla.
Pastaj hapni seksionin " lejet e skedarëve" dhe shkruani vlerën tonë 777/755.

Si të aktivizoni programuesin e detyrave për sitin (cron)

Hapi tjetër, ne duhet të aktivizojmë planifikuesin e detyrave për faqen tonë në mënyrë që skripti ynë https://adresa e faqes suaj të internetit/kesh_js.php filluar, çdo ditë. Falë kësaj, faqja jonë e internetit do të ketë gjithmonë një version të përditësuar të skedarëve nga burime të jashtme. Edhe nëse zhvilluesit bëjnë ndryshime në kodin e tyre, ne do të kemi gjithmonë një version funksional në sajt, falë planifikuesit të detyrave.

Për të planifikuar detyrat për faqen tuaj të internetit, duhet të shkoni në panelin e kontrollit të hostit dhe të futni një nga opsionet e kodit.

ekzekutimi i një detyre përmes GET. Nëse ju duhet të kryeni një punë të cron duke marrë parasysh kontekstin e motorit:

MERRNI https://site.ru/script.php

ku site.ru është emri i domenit tuaj, dhe script.php është emri i skedarit me detyrën;

drejtimi i një pune përmes WGET. Një opsion alternativ për ekzekutimin e një pune cron, duke marrë parasysh kontekstin e motorit:

Wget -q -O - https://site.ru/script.php> /dev/null 2>&1

ku site.ru është emri i domenit tuaj, dhe script.php është emri i skedarit me detyrën;

Në rastin tonë, ne duhet të shkruajmë:

MERRNI https://adresën tuaj të internetit/kesh_js.php

Ose zgjidhni një opsion alternativ, unë personalisht zgjodha të parin.

Ne kemi kuptuar se çfarë të regjistrojmë, tani hapim hostin tonë dhe shkojmë në panelin e tij të kontrollit. Unë përdor panelin e kontrollit ISPmanager, nëse keni një tjetër, kërkoni skedën e planifikuesit të detyrave ose cron.

Tani hapni skedën "krijoni".

Pastaj pastrojmë cache-in e shfletuesit. Për Google Chrome, përdorni shkurtoren e tastierës ctrl+shift+delete dhe kontrolloni funksionimin e sajtit. Unë gjithashtu rekomandoj të përdorni faqen tuaj përsëri përmes mjetit PageSpeed ​​Insights.

Kjo është e gjitha për mua, ju uroj një rezultat të mirë falë kësaj metode të përshpejtimit të faqes. Në artikullin tjetër, unë do t'ju tregoj se si të krijoni një buton shumëngjyrësh të abonimit në youtube për blogun tuaj, kështu që mos harroni abonohuni në përditësimet. Mirupafshim të gjithëve!