Մենք միացնում ենք բրաուզերի քեշը օգտագործողի կողմից: WordPress Super Cache հավելված, օգտագործեք բրաուզերի քեշը Օգտագործեք բրաուզերի քեշը առանձին ֆայլերի համար

Տուն / Արգելակներ

«» կայքի օպտիմալացումն ըստ գործիքի ցուցումների Google PageSpeedԽորաթափանցություն. Յուրաքանչյուր կայքի սեփականատեր բախվել է երրորդ կողմի կայքերի js սկրիպտների քեշավորման դժվարության հետ:

Սա իրականում այնքան էլ կարևոր ցուցանիշ չէ օպտիմալացման համար, CSS և JS տարրերը փոխանցվում են կայքի վերնագրից դեպի ստորագիր, բացի այդ, եթե նայեք Google-ի ռեսուրսներին, նրանք այս կետի հետ կապված խնդիրներ ունեն :)

Եթե ​​դուք դեռ ցանկանում եք օպտիմիզացնել ձեր կայքը կամ ձեր հաճախորդներին, օրինակ, երրորդ կողմի սկրիպտները քեշավորելով: Եթե ​​անալիզատորի հաշվիչի վրա գեղեցիկ թիվ եք դիտում, ապա պարզապես հետևեք ստորև ներկայացված քայլերին, որոնք կտևեն մի քանի րոպե:

Բրաուզերի քեշը իր տարրերի

Տարբեր սկրիպտների համար քեշ պատրաստելը, օրինակ վերցված Devaka ru բլոգից (գրելու պահին)
Օրինակ՝

/assets/copyright.min.js (սպառման ժամկետը նշված չէ)
/assets/i/566.jpg (սպառման ժամկետը նշված չէ)
/assets/i/icons.png (սպառման ժամկետը նշված չէ)
/i/postcomm-left.png (սպառման ժամկետ նշված չէ)
/i/postcomm-right.png (սպառման ժամկետ նշված չէ)



Առաջին խնդիրը շտկելու համար անցեք .htaccess ֆայլ, որը գտնվում է կայքի սկզբում և տեղադրեք այս կոդը հենց ներքևում.

# սեղմման տեքստ, html, javascript, css, xml: AddOutputFilterByType DEFLATE տեքստ/html տեքստ/պարզ տեքստ/xml հավելված/xml հավելված/xhtml+xml տեքստ/css տեքստ/javascript հավելված/javascript հավելված/x-javascript# բրաուզերի քեշ ExpiresActive On #default cache-ը 5 վայրկյան է ExpiresDefault «մուտք գումարած 1 օր» # Միացնել պատկերի քեշավորումը և ֆլեշը մեկ ամիս ExpiresByType պատկեր/x-պատկերակ «մուտք գումարած 1 ամիս» ExpiresByType պատկեր/jpeg «մուտք գումարած 4 շաբաթ» ExpiresByType պատկեր/png «մուտք գումարած 30 օր» ExpiresByType պատկեր/գիֆ «մուտք գումարած 43829 րոպե» ExpiresByType հավելված/x-shockwave-flash «access plus 2592000 seconds» # Enable caching css, javascript and տեքստային ֆայլերմեկ շաբաթվա համար ExpiresByType text/css «access plus 604800 seconds» ExpiresByType text/javascript «access plus 604800 seconds» ExpiresByType application/javascript «access plus 604800 seconds» ExpiresByType 604800 seconds» ExpiresByType 604800 վրկ. htm ֆայլեր մեկ օրվա համար ExpiresByType text/html «մուտք գումարած 43200 վայրկյան» # Միացնել քեշավորումը xml ֆայլերտասը րոպեով ExpiresByType հավելված/xhtml+xml «մուտք գումարած 600 վայրկյան» # Կայքի ոչ ստանդարտ տառատեսակներ ExpiresByType հավելված/x-font-ttf «մուտք գումարած 1 ամիս» ExpiresByType տառատեսակ/opentype «մուտք գումարած 1 ամիս» ExpiresByTy հավելված/ font- woff «մուտք գումարած 1 ամիս» ExpiresByType պատկեր/svg+xml «մուտք գումարած 1 ամիս» ExpiresByType հավելված/vnd.ms-fontobject «մուտք գումարած 1 ամիս»

Երրորդ կողմի սցենարների օրինակներ

Եթե ​​առաջին քայլում ամեն ինչ ճիշտ եք արել, ապա պետք է տեսնեք այսպիսի բան.

Օգտագործեք ձեր բրաուզերի քեշը հետևյալ ռեսուրսների համար


Իհարկե, դուք կարող եք ունենալ ընդամենը մի քանի URL չափումների և վերլուծությունների համար, օրինակ, բայց դա այնքան էլ կարևոր չէ, ուղղման հրահանգները բոլորի համար նույնն են:

Երրորդ կողմի տարրերի քեշը

Ի սկզբանե հոդվածը պետք է նվիրված լիներ միայն այս կետերին, բայց զգալով, որ հարցերը շատ են լինելու, ավելացվեց ևս մի երկու կետ։

Երրորդ կողմի ռեսուրսի քեշի ժամանակի վրա ազդելու միջոց չկա, բայց դուք կարող եք դա անել ձեր վեբ նախագծում Այս իրավիճակում ամենաճիշտ քայլը չափումների, վերլուծությունների և այլնի վերջին սցենարների ավտոմատ ներբեռնումն է: դեպի ձեր կայք՝ օգտագործելով cron (ներկայիս սցենարը)

Եկեք հիմա ամեն ինչ կարգի բերենք:
Քայլ 1. Պատճենեք Google PageSpeed-ի կողմից մատնանշված բոլոր սկրիպտների ցանկը նոթատետրում կամ անմիջապես զննարկիչից:
Քայլ 2. Ստեղծեք ֆայլ ձեր հոսթինգում php ընդլայնմամբ և դրա մեջ տեղադրեք հետևյալ կոդը.

Ուշադրություն. Դուք թաքնված տեքստը դիտելու թույլտվություն չունեք:

Օրինակ կոդում կա 3, բայց դուք կարող եք ստեղծել այնքան կետեր, որքան անհրաժեշտ է, պարզապես պատճենեք և ավելացրեք ներքևում կամ ջնջեք ավելորդները:


Այս տողում մենք փոխում ենք 3-րդ արժեքը.
Օգտագործեք դիտարկիչի քեշը Google PageSpeed-ի համար
1. Սցենարը, որը մենք կբեռնենք մեր կայքում

Ուշադրություն. Դուք թաքնված տեքստը դիտելու թույլտվություն չունեք:

2. Ֆայլը պահելու ուղին՝

Realpath ("./js")

Այս օրինակում դա js թղթապանակն է, այսինքն. ճշգրիտ ուղին կլինի www.site/js/ (դուք պետք է ինքներդ ստեղծեք թղթապանակը և սահմանեք այն CHMOD իրավունքներըձայնագրման համար)

3. Սկրիպտի անվանումը, եթե .js ընդլայնմամբ, ապա գրում ենք դրա հետ միասին, եթե առանց դրա կամ այլ բանի հետ, ապա ամեն ինչ անում ենք ինչպես վերը նշված օրինակում։ Խնդրում ենք ուշադրություն դարձնել, որ նույն անուններով ֆայլեր չկան։

Քայլ 3. Վերբեռնեք խմբագրված ֆայլը սերվեր

Քայլ 4. Տեղադրեք ֆայլը cron for-ի վրա ավտոմատ թարմացումֆայլեր

Ծառայությունների հետ սխալ աշխատանքից խուսափելու համար, եթե նրանք փոփոխություններ կատարեն սկրիպտներում, cron-ն ավտոմատ կերպով մուտք կգործի և կթարմացնի դրանք իր սերվերում։

Գնացեք ձեր հոստինգի վահանակ և ընտրեք CRON ներդիրը և մուտքագրեք հրամանը, ինչպես նաև նշեք ժամը մեկ ժամ/օր կամ ցանկացած այլ ժամանակ:

Wget -q -O - /dev/null http://www..php >/dev/null 2>&1

Մի մոռացեք փոխել URL-ը, և գուցե ձեր հրամանի շարահյուսությունը տարբերվի, նայեք cron հրամանների օրինակներին հոսթինգի օգնության մեջ կամ դիմեք տեխնիկական աջակցությանը:

Քայլ 5. Փոխեք JS ուղին հաշվիչի կամ սցենարի մեջ

Եթե ​​https://mc.yandex.ru/metrika/watch.js հաշվիչում ճանապարհ կար, ապա այն փոխարինեք կայքի ներսում գտնվող ճանապարհով, օրինակ՝ http://www..js

Վերջ, հիմա ցուցակում PageSpeed ​​InsightsԴուք չպետք է որևէ հաղորդագրություն ունենաք ձեր բրաուզերի քեշը կարգավորելու մասին:

Ներբեռնեք «enable browser cache for Google PageSpeed» հրահանգները արխիվում Դուք չեք կարող ֆայլեր ներբեռնել մեր սերվերից
Մենք ներկայացնում ենք օգտակար հոդված «Միացնել բրաուզերի քեշը Google PageSpeed-ի համար»՝ ձեր կայքը օպտիմալացնելու համար Google PageSpeed-ի գործիքի խորհրդով. ամենալավն այն է, որ մենք ունենք ֆորումներ, հաքեր, մոդուլներ, կաղապարներ:

Հրահանգն աշխատում է միայն այն դեպքում, եթե apache-ն մշակում է ստատիկ ֆայլեր (տեղադրված է որպես frontend): Եթե ​​դիմացը nginx է, ապա նույն գործողությունները պետք է կատարվեն բոլորովին այլ կերպ։

Նախ, մի քանի խոսք թեմայի վերաբերյալ. ինչո՞ւ է անհրաժեշտ կայքի ռեսուրսների (պատկերներ, css, html ֆայլեր, արխիվներ և այլ ստատիկ ֆայլեր) քեշավորումը:

Ամեն անգամ, երբ այցելուը բացում է ձեր կայքը, ներբեռնվում է ոչ միայն էջի html կոդը, այլ նաև բոլոր ուղեկցող ֆայլերը, որոնք անհրաժեշտ են էջի ձևավորման համար (նկարներ, css ոճեր, js սկրիպտներ և այլն):
Արդյունքում, ֆայլի էջի մեկ բացումը ոչ թե մեկ հարցում է սերվերին, այլ տասից մինչև հարյուրավոր: Յուրաքանչյուր նման հարցում ոչ միայն բեռ է սերվերի վրա (ինչը կարևոր է), այլ նաև լրացուցիչ ժամանակ օգտատիրոջ համար՝ էջը բեռնելու համար (որը կարևոր է որպես կայքի որակի և դրա հետ օգտատիրոջ աշխատանքի հեշտության ցուցանիշ): .

Օրինակ, Google PageSpeed ​​​​Insights կայքի ստուգման հանրահայտ ծառայությունը միշտ նախազգուշացում է գրում այս մասին.

Օգտագործեք ձեր բրաուզերի քեշը
HTTP վերնագրերում նշելով ստատիկ ռեսուրսների ամսաթիվը կամ ժամկետի ավարտը, զննարկիչը կբեռնի նախկինում վերցված ռեսուրսները տեղական սկավառակից, այլ ոչ թե ինտերնետից:
Օգտագործեք ձեր բրաուզերի քեշը հետևյալ ռեսուրսների համար.

//— խնդրահարույց ֆայլերի ցանկ —//

Քեշավորման ակտիվացումը ոչ միայն նվազեցնում է սերվերի ծանրաբեռնվածությունը (կայքի գրեթե բոլոր էջերն ունեն դիզայնի կրկնօրինակ տարրեր, java սկրիպտներ և այլն), երբ օգտատերը նորից այցելում է կայք/էջ, այլև նվազեցնում է իր կողմից էջի բեռնման ժամանակը: Քանի որ զննարկիչը ֆայլերը քեշից վերցնում է գրեթե կայծակնային արագությամբ, օգտվողը զգում է, որ էջը բեռնվում է գրեթե կայծակնային արագությամբ:

Այս խնդիրը լուծելու համար կայքի թղթապանակում ստեղծեք ֆայլ անունով .htaccess(սկզբում կետով: Սա կարևոր է) և դրան ավելացրեք այս կանոնները: Եթե ​​ֆայլն արդեն գոյություն ունի, ավելացրեք եղածի վերջում.

# քեշավորում օգտատիրոջ կողմից բրաուզերում ExpiresActive On ExpiresDefault «մուտք 7 օր» ExpiresByType հավելված/javascript «մուտք գումարած 1 տարի» ExpiresByType text/javascript «մուտք գումարած 1 տարի» ExpiresByType text/css «մուտք գումարած 1 տարի» ExpiresByType plus text/html «acpes» /x-javascript «մուտք 1 տարի» ExpiresByType պատկեր/gif «մուտք գումարած 1 տարի» ExpiresByType պատկեր/jpeg «մուտք գումարած 1 տարի» ExpiresByType պատկեր/png «մուտք գումարած 1 տարի» ExpiresByType պատկեր/jpg «մուտք գումարած 1 տարի» Սպառվում էByType image/x-icon «մուտք 1 տարի» ExpiresByType հավելված/x-shockwave-flash «մուտք 1 տարի»# Cache-Control # 30 օր # 30 օր Վերնագրի հավաքածու Cache-Control «max-age=2592000, public»#2 օր Վերնագրերի հավաքածու Cache-Control «max-age=172800, public, must-revalidate»#1 օր Վերնագրերի հավաքածու Cache-Control «max-age=172800, private, must-revalidate» #Արգելեք ուղարկել Vary HTTP վերնագրերը MSIE ընտանիքի բրաուզերներին BrowserMatch «MSIE» force-no-vary BrowserMatch «Mozilla/4.(2)» force-no-vary

Դրանից հետո դուք կարող եք ստուգել արդյունքը Google էջ PageSpeed ​​Insights (եթե ամեն ինչ ճիշտ է, հաղորդագրությունը « Օգտագործեք ձեր բրաուզերի քեշըկնշվի կանաչ գույնով և կտեղադրվի «Լրացված կանոններ. (մանրամասներ)» բաժնում:

Չի աշխատում, ի՞նչ անեմ։

Եթե ​​քեշավորումը չի աշխատում, ապա դուք պետք է ստուգեք, թե արդյոք մոդուլները տեղադրված են: Դա անելու համար դուք պետք է ֆայլ ստեղծեք կայքի թղթապանակում test.phpկոդով:

Եթե ​​mod_expires կամ mod_headers չկան ցանկում, գործարկեք հետևյալ հրամանները սերվերի վահանակում (միացված) իր հերթին ( սա կտեղադրի/միացնի mod_expires, mod_headers):

A2enmod վերնագրերը a2enmod-ի ժամկետը սպառվում է apache2-ի վերագործարկում

Եթե ​​կայքը սովորական հոսթինգի վրա է, ապա ամեն ինչ ավելի բարդ է։ Կապվեք տեխնիկական աջակցության հետ և պարզեք, թե ինչու մոդուլները տեղադրված չեն և ինչպես կարող եք հաղթահարել այս խնդիրը: Քանի որ կարող են լինել բավականին շատ պատճառներ, թե ինչու հոսթերը չի տեղադրել մոդուլները:

👁9 325 դիտում.

Այս հոդվածում մենք շարունակում ենք նայել, թե ինչպես կարող եք արագացնել կայքի բեռնումը: Մենք ավելի վաղ քննարկել ենք. Այսօր մենք կսովորենք, թե ինչպես միացնել բրաուզերի քեշը օգտվողի կողմից՝ օգտագործելով .htaccess ֆայլը:

Ինչու միացնել բրաուզերի քեշը օգտագործողի կողմից

Հաճախ նոր կայք ստեղծելիս ծրագրավորողները մեծ ուշադրություն չեն դարձնում այն ​​արագությանը, որով կայքը բեռնվում է բրաուզերում։ Հատկապես, եթե այս կետը կենտրոնացած չէր կայքի զարգացման տեխնիկական առաջադրանքում: Եվ նոր ստեղծագործության թողարկումից հետո վեբ մասնագետը, ով ներգրավված է այս նախագծի մշակման և առաջմղման մեջ, կարող է դիտել շատ տխուր պատկեր՝ սկանավորելով կայքը Google-ից PageSpeed ​​​​Insights-ում բեռնման արագության համար:

դրանից հեռու ամբողջական ցանկըխնդիրներ, որոնք մենք կարող ենք հանդիպել, որոնք դանդաղեցնում են կայքի բեռնման արագությունը օգտվողի բրաուզերի կողմից.

Ընթերցողներից ոմանք կարող են զարմանալ, թե ինչո՞ւ է ձեզ անհրաժեշտ միացնել այս քեշը և արագացնել կայքի բեռնման արագությունը: Ի վերջո, կայքը, այնուամենայնիվ, վատ չի աշխատում:

Դրա համար կա առնվազն երկու պատճառ.

  1. Եթե ​​կայքի բեռնումը երկար ժամանակ է պահանջում, ապա օգտատերը կարող է չսպասել դիզայների կողմից նախատեսված ձեր սուպեր էֆեկտներին՝ ուշադրություն գրավելու համար, այլ պարզապես կփակի ձեր արվեստի գործը և պարզապես կգնա մրցակցի կայք, գուցե ավելի քիչ գունեղ, բայց ավելի արագ և ավելի արձագանքող: Ի վերջո, մեզանից ոչ ոք չի սիրում երկար սպասել։ 🙂
  2. Որքան երկար լինի կայքի բեռնման արագությունը, այնքան ցածր կլինի այն սպասարկվի: որոնման համակարգերԸստ հիմնական հարցումները, համեմատած ձեր մրցակիցների կայքերի հետ: Իսկ դա արդեն իսկ էական սպառնալիք է ձեր բիզնեսի զարգացման համար։

Ինչպես միացնել ֆայլերի քեշավորումը բրաուզերում օգտագործողի կողմից

Եթե ​​ձեր նախագիծը մշակված է հանրաճանաչ CMS WordPress, այսինքն՝ կան բազմաթիվ պլագիններ, որոնք կարող են լուծել քեշավորման խնդիրը։ Դրանցից ամենատարածվածներն են W3 Total Cache, WP Super Cache, Հիպեր քեշ. Բայց այս հոդվածում ես առաջարկում եմ դիտարկել ավելի հուսալի, իմ կարծիքով, միջոց՝ քեշավորումը .htaccess ֆայլի միջոցով անմիջապես հոսթինգում ակտիվացնելու համար:

Խնդրում ենք նկատի ունենալ, որ առաջարկվող մեթոդները կաշխատեն միայն այն դեպքում, եթե Apache ծրագրակազմը տեղադրված է ձեր հոսթինգ մատակարարի սերվերում:

Նախքան որևէ փոփոխություն կատարելը.htaccess ֆայլում համոզվեք, որ այն պատրաստեք պահուստային պատճենձեր համակարգչին, որպեսզի կարողանաք վերականգնել այն, եթե ինչ-որ բան սխալ լինի:

Օգտագործողի կողմից դիտարկիչի քեշը միացնելու համար, Բավական է օգտագործել ստորև ներկայացված մեթոդներից մեկը. Երկու մեթոդների միաժամանակ օգտագործումը նպատակահարմար չէ և կարող է հանգեցնել ձեր կայքի խափանման:

Օգտատիրոջ կողմից դիտարկիչի քեշավորման ակտիվացում՝ օգտագործելով mod_headers մոդուլը

Քեշավորման գործառույթը միացնելու համար ստորև նշված կոդը պետք է տեղադրվի .htaccess ֆայլում, որը գտնվում է ձեր կայքի արմատային գրացուցակում: Սխալներից խուսափելու համար անհրաժեշտ է տեղադրել կոդը # END WordPress տողից առաջ.

# Բոլոր html և htm ֆայլերը կպահվեն բրաուզերի քեշում 12 ժամ Վերնագրի հավաքածու Cache-Control «max-age=43200»# Բոլոր css, javascript և տեքստային ֆայլերը կպահվեն բրաուզերի քեշում 7 օր Վերնագրի հավաքածու Cache-Control «max-age=604800»# Բոլոր ֆլեշ ֆայլերը և պատկերները կպահվեն բրաուզերի քեշում 31 օր Վերնագրի հավաքածու Cache-Control «max-age=2592000»# Անջատեք php-ի և այլ սպասարկման ֆայլերի քեշավորումը Վերնագիրն անջատել է Cache-Control-ը

# Քեշի ակտիվացում կայքի այցելուների բրաուզերներում

< ifModule mod_headers . c >

# Բոլոր html և htm ֆայլերը կպահվեն բրաուզերի քեշում 12 ժամ

< FilesMatch "\.(html|htm)$" >

Վերնագրերի հավաքածու Cache - Control «max-age=43200»

< / FilesMatch >

# Բոլոր css, javascript և տեքստային ֆայլերը կպահվեն բրաուզերի քեշում 7 օր

< FilesMatch "\.(js|css|txt)$" >

Վերնագրերի հավաքածու Քեշ - Կառավարում «max-age=604800»

< / FilesMatch >

# Բոլոր ֆլեշ ֆայլերը և պատկերները կպահվեն բրաուզերի քեշում 31 օր

< FilesMatch «\.(flv|swf|ico|gif|jpg|jpeg|png)$">

Վերնագրերի հավաքածու Քեշ - Կառավարում «max-age=2592000»

< / FilesMatch >

# Անջատեք php-ի և այլ սպասարկման ֆայլերի քեշավորումը

< FilesMatch «\.(pl|php|cgi|spl|scgi|fcgi)$»>

Վերնագիրն անջատված է Cache - Control

< / FilesMatch >

< / IfModule >

Ես չեմ նկարագրի, թե ինչ են նշանակում այս կամ այլ հրահանգներ։ Նրանց արժեքների մասին ավելի շատ մանրամասներ կարելի է գտնել Apache-ի փաստաթղթերի պաշտոնական կայքում:

Օգտագործողի կողմից դիտարկիչի քեշավորման ակտիվացում՝ օգտագործելով mod_expires մոդուլը

«Mod_expires» մոդուլի միջոցով օգտագործողի կողմից բրաուզերում քեշավորումն ակտիվացնելու համար .htaccess ֆայլում գրեք հետևյալ կոդը.

ExpiresActive On #default cache is 30 seconds ExpiresDefault "access plus 30 seconds" # Enable image caching and flash for 1 month ExpiresByType image/x-icon «access plus 1 month» ExpiresByType image/jpeg «access plus 4 week» ExpiresByT «access plus 30 day» ExpiresByType image/gif «access plus 43829 minutes» ExpiresByType application/x-shockwave-flash «access plus 2592000 seconds» # Միացնել css-ի, javascript-ի և տեքստային ֆայլերի քեշավորումը 7 օրով Expiresccess/plusssy 604800 վայրկյան" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-javascript "access plus 604800 seconds texting of Expiresy and enabled" html «մուտք գումարած 43200 վայրկյան» # Միացնել xml ֆայլերի քեշավորումը 10 րոպեով ExpiresByType հավելված/xhtml+xml «մուտք գումարած 600 վայրկյան»

< ifModule mod_expires . c >

Ժամկետը Ակտիվ է

#default cache-ը 30 վայրկյան է

ExpiresDefault «մուտք գումարած 30 վայրկյան»

# Միացնել պատկերների քեշավորումը և ֆլեշը 1 ամսով

ExpiresByType պատկեր / x - պատկերակ «մուտք գումարած 1 ամիս»

ExpiresByType պատկեր / jpeg «մուտք գումարած 4 շաբաթ»

ExpiresByType պատկեր / png «մուտք գումարած 30 օր»

ExpiresByType պատկեր / gif «մուտք գումարած 43829 րոպե»

ExpiresByType հավելված / x - հարվածային ալիք - ֆլեշ «մուտք գումարած 2592000 վայրկյան»

# Միացնել css, javascript և տեքստային ֆայլերի քեշավորումը 7 օրով

ExpiresByType տեքստ/css «մուտք գումարած 604800 վայրկյան»

ExpiresByType text/javascript «մուտք գումարած 604800 վայրկյան»

ExpiresByType հավելված/javascript «մուտք գումարած 604800 վայրկյան»

img class=”aligncenter wp-image-2458 size-full” title=”Ինչպես ակտիվացնել կայքի էջերի բրաուզերի քեշավորումը” src=”http://about-windows.ru/wp-content/uploads/2014/07/How միացնել -browser-caching-of-site-pages.jpg” alt=”Ինչպես միացնել կայքի էջերի բրաուզերի քեշավորումը” width=”600″ height=”450″ />

Ինչպե՞ս կարող եմ միացնել վերջնական օգտագործողի բրաուզերի քեշը իմ կայքում:

Եթե ​​ձեր սերվերը վերջնական օգտագործողի դիտարկիչին թույլ է տալիս իմանալ, որ որոշ ռեսուրսներ կարող են պահվել , ապա նույն ռեսուրսների համար կրկնվող հարցումը պատասխան կստանա ոչ թե հեռավոր սերվերից, այլ տեղական համակարգչից: Սրանից կշահեն երկու կողմերը։ Այսպիսով, սերվերը կթեթևացնի բեռի մի մասը, քանի որ այն ստիպված չի լինի ուղարկել որոշակի ռեսուրսներ, որոնք արդեն հասանելի են օգտագործողի համակարգչում: Բայց օգտվողը կստանա ավելին արագ մուտքպահանջվող ռեսուրսներին:

Ինչպե՞ս միացնել կայքի ռեսուրսների բրաուզերի քեշավորումը Apache սերվերի վրա:

Նախ, եկեք պարզենք, թե ինչ ռեսուրսներ պետք է պահի զննարկիչը: Հիշեցնեմ, որ եթե բրաուզերը պահում է որոշ ռեսուրսներ, այն կարող է դրանք ամբողջությամբ չթարմացնել երկար ժամանակ. Այս իրավիճակը բավականին հարմար է ստատիկ օբյեկտների համար: Ի՞նչ ռեսուրսներ կարելի է դասակարգել որպես ստատիկ օբյեկտներ:

  1. CSS ֆայլեր.
  2. JS ֆայլեր.
  3. Պատկերներ.
  4. Տեսանյութ.
  5. Երաժշտություն.

Վերոնշյալ ռեսուրսները, ինչպես նաև որոշ այլ ռեսուրսներ, կարող են երկար ժամանակ պահվել առանց վնասի: Դրանք ամեն օր չեն թարմացվի: Դրա հիման վրա ես ձեզ կտամ կոդ, որը կստիպի օգտվողի զննարկիչին քեշավորել նշված ռեսուրսները: Բացի այդ, մենք կնշենք այն ժամանակահատվածը, որի ընթացքում այդ ռեսուրսները կարող են պահվել քեշում՝ առանց թարմացումներ պահանջելու:


Ժամկետը Ակտիվ է
ExpiresDefault «մուտք 7 օր»
ExpiresByType հավելված/javascript «մուտք գումարած 1 տարի»
ExpiresByType text/javascript «մուտք գումարած 1 տարի»
ExpiresByType տեքստ/css «մուտք գումարած 1 տարի»
ExpiresByType text/html «մուտք գումարած 7 օր»
ExpiresByType text/x-javascript «մուտք 1 տարի»
ExpiresByType պատկեր/գիֆ «մուտք գումարած 1 տարի»
ExpiresByType պատկեր/jpeg «մուտք գումարած 1 տարի»
ExpiresByType պատկեր/png «մուտք գումարած 1 տարի»
ExpiresByType պատկեր/jpg «մուտք գումարած 1 տարի»
ExpiresByType պատկեր/x-պատկերակ «մուտք 1 տարի»
ExpiresByType հավելված/x-shockwave-flash «մուտք 1 տարի»

Այս կոդը պետք է մուտքագրվի ֆայլում .htaccess, որը գտնվում է կայքի արմատային թղթապանակում, որի համար Apache-ն ծառայում է որպես սերվեր: Դրանից հետո զննարկիչը կքեշավորի վերը նշված բոլոր օբյեկտները նշված ժամանակահատվածի համար: Սա նշանակում է, որ եթե մեկ տարվա ընթացքում այցելեք նույն կայքը (ինչպես նշված է օրինակում), դուք կստանաք բազմաթիվ ֆայլեր ձեր համակարգչից, եթե, իհարկե, այս ընթացքում չեք մաքրել ձեր համակարգչի քեշը։

  • htaccess caching-ը պահպանում է վեբ էջի բովանդակությունը տեղական համակարգիչերբ օգտագործողը այցելում է այն;
  • Օգտագործելով բրաուզերի քեշը – Վեբ վարպետը հրահանգում է բրաուզերներին, թե ինչպես վարվել ռեսուրսների հետ:

Երբ զննարկիչը ներկայացնում է վեբ էջ, այն պետք է բեռնի պատկերանշանը, CSS ֆայլը և այլ ռեսուրսներ.


Բրաուզերի քեշը «հիշում է» ռեսուրսները, որոնք զննարկիչն արդեն ներբեռնել է: Երբ այցելուն գնում է կայքի մեկ այլ էջ, պատկերանշան, CSS ֆայլեր և այլն: չպետք է նորից ներբեռնվի, քանի որ զննարկիչն արդեն «հիշել» է դրանք (պահպանել է դրանք): Սա է պատճառը, որ ձեր առաջին այցելության ժամանակ վեբ էջի բեռնումն ավելի երկար է տևում, քան կրկնվող այցելությունների ժամանակ:

Երբ դուք օգտագործում եք քեշ, վեբ էջի ֆայլերը կպահվեն դիտարկիչի քեշում: Կրկնվող այցելությունների ժամանակ էջերը շատ ավելի արագ կբեռնվեն: Դա տեղի կունենա նաև այլ էջերի հետ, որոնք օգտագործում են նույն ռեսուրսները:

Ինչպես միացնել բրաուզերի քեշավորումը

  • Փոփոխել ռեսուրսների հարցումների վերնագրերը՝ քեշավորումն օգտագործելու համար;
  • Օպտիմիզացրեք ձեր քեշավորման ռազմավարությունը:

Հարցումների վերնագրերի փոփոխություն

Մարդկանց մեծամասնության համար կայքի htaccess-ը քեշավորելու միակ միջոցը վեբ սերվերի .htaccess ֆայլին կոդ ավելացնելն է:

.htaccess ֆայլը վերահսկում է շատերին կարևոր պարամետրերձեր կայքի համար:

Բրաուզերի քեշավորում .htaccess ֆայլի միջոցով

Ստորև բերված կոդը զննարկիչին ասում է, թե ինչ պետք է պահի քեշը և որքան ժամանակ այն «հիշի»: Այն պետք է ավելացվի .htaccess ֆայլի սկզբում.

## ՍՊԱՌՆՈՒՄ Է CACHING ## ExpiresActive On ExpiresByType image/jpg «մուտք 1 տարի» ExpiresByType պատկեր/jpeg «մուտք 1 տարի» ExpiresByType պատկեր/gif «մուտք 1 տարի» ExpiresByType պատկեր/png «մուտք 1 տարի» ExpiresByType text/cs html «մուտք 1 ամիս» ExpiresByType հավելված/pdf «մուտք 1 ամիս» ExpiresByType տեքստ/x-javascript «մուտք 1 ամիս» ExpiresByType հավելված/x-shockwave-flash «մուտք 1 ամիս» ExpiresByType պատկեր/x-պատկերակ «մուտք 1 տարի» ExpiresDefault «մուտք 1 ամիս»## ՍՊԱՌՆՈՒՄ Է CACHING ##

Պահպանեք .htaccess ֆայլը և թարմացրեք վեբ էջը:

Ինչպես սահմանել քեշի ժամանակը տարբեր ֆայլերի տեսակների համար

Վերոնշյալ կոդը սահմանում է ժամանակային ընդմիջումներ: Օրինակ, 1 տարի (1 տարի) կամ 1 ամիս (1 ամիս): Դրանք կապված են ֆայլերի տեսակների հետ: Վերոնշյալ ծածկագիրը նշում է, որ .jpg ֆայլերը (պատկերները) պետք է պահվեն մեկ տարվա ընթացքում:

Եթե ​​ցանկանում եք փոխել սա այնպես, որ JPG պատկերները նույնպես պահվեն մեկ ամիս, ապա դուք պարզապես կփոխարինեք «1 տարի»-ը «1 ամիս»-ով: Վերոհիշյալ htaccess քեշավորման արժեքները օպտիմալ են վեբ էջերի մեծ մասի համար:

Այլընտրանքային քեշավորման մեթոդ .htaccess-ի համար

Վերը նկարագրված մեթոդը կոչվում է « Ժամկետը լրանում է«, այն օգնում է սկսնակների մեծամասնությանը քեշավորման հարցում: Հենց որ դուք հարմարավետ լինեք քեշավորման հետ, կարող եք փորձել քեշավորման մեկ այլ մեթոդ, որը կոչվում է Cache-Control, որը ձեզ ավելի շատ տարբերակներ է տալիս:

Հնարավոր է, որ Expires մեթոդը չաշխատի ձեր սերվերի վրա, որի դեպքում կարող եք փորձել օգտագործել Cache-Control-ը:

Cache-Control

Այս մեթոդը թույլ է տալիս ավելի շատ վերահսկողություն ձեռք բերել բրաուզերում էջերի քեշավորման վրա, սակայն շատերի համար ավելի հեշտ է մեկ անգամ նշել բոլոր կարգավորումները:

Օգտագործման օրինակ .htaccess ֆայլում.

# 1 ամիս ստատիկ ակտիվների մեծ մասի համար Վերնագրի հավաքածու Cache-Control «max-age=2592000, public»

Վերոնշյալ կոդը սահմանում է Cache-Control վերնագիրը՝ կախված ֆայլի տեսակից:

Ինչպե՞ս է աշխատում Cache-Control-ը:

Մտածեք htaccess բրաուզերում քեշավորման վերը նշված տողը.

# 1 ամիս ստատիկ ակտիվների մեծ մասի համար

Այս տողը պարզապես նշում է։ .htaccess ֆայլը անտեսում է # նիշով սկսվող տողերը: Այս նշումը խորհուրդ է տրվում, քանի որ դուք կարող եք ունենալ մի քանի տարբեր տվյալների հավաքածուներ որպես ձեր ֆայլերի քեշավորման լուծում.

Վերը նշված տողը ասում է, որ « եթե ֆայլը այս տեսակներից մեկն է, ապա մենք դրա հետ ինչ-որ բան կանենք...»

Այս տողում ամենակարևորն այն է, որ այն թվարկում է տարբեր տեսակներֆայլեր ( CSS, JS, JPEG, PNGև այլն: ) և որ քեշավորման հրահանգները պետք է կիրառվեն այս ֆայլերի տեսակների վրա: Օրինակ, եթե դուք չեք ցանկանում, որ JPG ֆայլերը պահվեն որոշակի ժամանակահատվածում, կարող եք հեռացնել « JPG«. Եթե ​​ցանկանում եք ավելացնել HTML, ապա այս տողում պետք է նշեք « HTML«:

Վերնագրի հավաքածու Cache-Control «max-age=2592000, public»

Վերը նշված տողը սահմանում է իրական վերնագրերը և արժեքները.

  • մաս» Վերնագրի հավաքածու Cache-Control» — սահմանում է վերնագիրը;
  • Փոփոխական» max-age=2592000«— ցույց է տալիս, թե որքան ժամանակ կպահանջվի քեշավորման գործընթացը (վայրկյաններով): Այս դեպքում մենք քեշավորում ենք մեկ ամիս (2592000) վայրկյան;
  • մաս» հանրային» հայտնում է, որ այն հասանելի է հանրությանը:

© 2024 ermake.ru -- Համակարգչի վերանորոգման մասին - Տեղեկատվական պորտալ