Бид хэрэглэгчийн тал дээр хөтчийн кэшийг идэвхжүүлдэг. 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 text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript# хөтчийн кэш ExpiresActive On #default cache 5 секунд ExpiresDefault "access plus 1 days" # Зургийн кэшийг идэвхжүүлж, нэг сарын турш анивчина ExpiresByType image/x-icon "access plus 1 сар" ExpiresByType image/jpeg "access plus 4 долоо хоног" ExpiresByType image/png "access plus 30 days" ExpiresByType image/gif "access plus 43829 minutes" ExpiresByType application/x-shockwave-flash "access plus 2592000 second" # CSS, javascript болон кэшийг идэвхжүүлэх текст файлууднэг долоо хоногийн турш ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-0vascript pluss html "access plus 604800 секунд" ExpiresByType text/javascript "ads. htm файлуудыг нэг өдрийн турш ашиглах ExpiresByType text/html "access plus 43200 seconds" # кэшийг идэвхжүүлнэ xml файлуударван минутын турш ExpiresByType application/xhtml+xml "access plus 600 seconds" # Стандарт бус сайтын фонтууд ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType font/opentype "access plus 1 month" ExpiresByType application/x- font- woff "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 сар" ExpiresByType application/vnd.ms-fontobject "access plus 1 сар"

Гуравдагч талын скриптүүдийн жишээ

Хэрэв та эхний алхамд бүх зүйлийг зөв хийсэн бол дараахь зүйлийг харах болно.

Дараах эх сурвалжид хөтчийнхөө кэшийг ашиглаарай


Мэдээжийн хэрэг, танд хэмжигдэхүүн болон аналитикийн цөөн хэдэн URL байж болно, гэхдээ энэ нь тийм ч чухал биш, залруулгын заавар нь хүн бүрт ижил байдаг.

Гуравдагч талын элементүүдийн кэш

Эхэндээ нийтлэлийг зөвхөн эдгээр зүйлд зориулах ёстой байсан ч олон асуулт байх болно гэж үзээд дахиад хэдэн оноо нэмж оруулав.

Гуравдагч талын нөөцийн санах ойд нөлөөлөх ямар ч арга байхгүй, гэхдээ та үүнийг вэб төсөл дээрээ хийж болно. Энэ нөхцөлд хийх хамгийн зөв алхам бол хэмжүүр, аналитик гэх мэт хамгийн сүүлийн үеийн скриптүүдийг автоматаар татаж авах явдал юм. cron ашиглан вэбсайт руугаа оруулна уу (скрипт байгаа)

Одоо бүх зүйлийг дарааллаар нь авч үзье!
Алхам 1. Google PageSpeed-ийн заасан бүх скриптүүдийн жагсаалтыг тэмдэглэлийн дэвтэрт эсвэл шууд хөтчөөс хуулна уу.
Алхам 2. Хостинг дээрээ php өргөтгөлтэй файл үүсгээд дараах кодыг оруулна уу.

Анхаар! Танд далд текстийг үзэх эрх байхгүй.

Жишээлбэл, кодонд 3 байдаг, гэхдээ та хүссэн хэмжээгээрээ үүсгэж болно, зүгээр л хуулж аваад доор нэмэх эсвэл шаардлагагүй зүйлийг устгана уу.


Энэ мөрөнд бид 3-р утгыг өөрчилнө:
Google PageSpeed-д зориулсан Browser Cache ашиглана уу
1. Бидний вэб сайтад байршуулах скрипт

Анхаар! Танд далд текстийг үзэх эрх байхгүй.

2. Файлыг хадгалах зам:

Бодит зам("./js")

Энэ жишээнд энэ нь js хавтас, i.e. яг зам нь 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Хөтөчийнхөө кэшийг тохируулах талаар танд мессеж байх ёсгүй.

Архиваас "Google PageSpeed-д зориулсан хөтчийн кэшийг идэвхжүүлэх" зааврыг татаж аваарай Та манай серверээс файл татаж авах боломжгүй
Бид Google PageSpeed-ийн хэрэглүүрийн дагуу сайтаа оновчтой болгохын тулд "Google PageSpeed-ийн хөтчийн кэшийг идэвхжүүлэх" хэрэгтэй нийтлэлийг толилуулж байна - бидэнд форум, хакерууд, модуль, загварууд байдаг.

Энэ заавар нь зөвхөн apache статик файлуудыг боловсруулдаг (frontend хэлбэрээр суулгасан) тохиолдолд л ажиллана. Хэрэв nginx урд байгаа бол ижил үйлдлүүдийг огт өөр аргаар хийх ёстой.

Нэгдүгээрт, сэдвийн талаар хэдэн үг - вэб сайтын нөөцийг (зураг, css, html файлууд, архив болон бусад статик файлууд) кэш хийх нь яагаад шаардлагатай вэ?

Зочин таны сайтыг нээх болгонд тухайн хуудасны html кодыг татаад зогсохгүй тухайн хуудасны дизайн хийхэд шаардлагатай бүх дагалдах файлуудыг (зураг, css загвар, js скрипт гэх мэт) татаж авдаг.
Үүний үр дүнд файлын хуудсыг нэг удаа нээх нь серверт нэг хүсэлт биш, харин арваас хэдэн зуу хүртэл байдаг! Ийм хүсэлт бүр нь зөвхөн серверийн ачаалал биш (энэ нь чухал), мөн хэрэглэгч хуудсыг ачаалах нэмэлт хугацаа (энэ нь сайтын чанар, хэрэглэгчийн түүнтэй ажиллахад хялбар байдлын үзүүлэлт болох чухал юм) .

Жишээлбэл, Google PageSpeed ​​​​Insights-ийн алдартай сайт шалгах үйлчилгээ нь үргэлж энэ талаар анхааруулга бичдэг.

Хөтөчийнхөө кэшийг ашиглана уу
HTTP толгой хэсэгт статик нөөцийн огноо эсвэл дуусах огноог зааж өгснөөр хөтөч нь өмнө нь татаж авсан эх сурвалжуудыг интернетээс биш локал дискнээс ачаалах болно.
Хөтөчийнхөө кэшийг дараах нөөцөд ашиглаарай:

//— асуудалтай файлуудын жагсаалт —//

Кэшийг идэвхжүүлснээр хэрэглэгч сайт/хуудас руу дахин зочлох үед серверийн ачааллыг бууруулаад зогсохгүй (сайтын бараг бүх хуудсууд давхардсан дизайны элементүүд, java скриптүүдтэй байдаг) төдийгүй түүний талд хуудас ачаалах хугацааг багасгадаг. Хөтөч нь кэшээс файлуудыг бараг аянгын хурдаар авдаг тул хэрэглэгч хуудас бараг л аянгын хурдаар ачаалагдсан мэт сэтгэгдэл төрүүлдэг!

Энэ асуудлыг шийдэхийн тулд сайтын хавтсанд нэртэй файл үүсгэнэ үү .htaccess(эхэндээ цэгтэй. Энэ чухал!) мөн эдгээр дүрмийг нэмж оруулаарай. Хэрэв аль хэдийн файл байгаа бол байгаа файлын төгсгөлд нэмнэ үү:

Хэрэглэгчийн талд байгаа хөтөч дээр # кэш хийх ExpiresActive On ExpiresDefault "access 7 days" ExpiresByType application/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType text/html "administration" ExpiresByType "accesspey" /x-javascript "хандах 1 жил" ExpiresByType image/gif "хандах нэмэлт 1 жил" ExpiresByType image/jpeg "хандалт нэмэх 1 жил" ExpiresByType image/png "хандалт нэмэх 1 жил" ExpiresByType image/jpg "хандалт нэмэх 1 жил"ype 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, нийтийн, дахин баталгаажуулах"#1 өдөр Толгой хэсгийн багц Cache-Control "max-age=172800, private, заавал дахин баталгаажуулах" #MSIE гэр бүлийн хөтөч рүү Vary HTTP толгойг илгээхийг хориглох BrowserMatch "MSIE" хүчээр өөрчлөхгүй BrowserMatch "Mozilla/4.(2)" хүчээр өөрчлөхгүй

Үүний дараа та үр дүнг шалгах боломжтой Google хуудас PageSpeed ​​Insights (хэрэв бүх зүйл зөв бол - мессеж " Хөтөчийнхөө кэшийг ашиглана уу" гэж ногооноор тэмдэглэж, "Дууссан дүрмүүд: (дэлгэрэнгүй мэдээлэл)" хэсэгт байрлуулна.

Ажиллахгүй байна, би яах ёстой вэ?

Хэрэв кэш ажиллахгүй бол модулиудыг суулгасан эсэхийг шалгах хэрэгтэй. Үүнийг хийхийн тулд та сайтын хавтсанд файл үүсгэх хэрэгтэй test.phpкодтой:

Хэрэв mod_expires эсвэл mod_headers жагсаалтад байхгүй бол серверийн консол (холбогдсон) дээр дараах тушаалуудыг ээлжлэн ажиллуулна уу ( Энэ нь mod_expires, mod_headers суулгаж/идэвхжүүлэх болно):

A2enmod толгойнууд a2enmod үйлчилгээний хугацаа дуусч apache2 дахин эхлүүлэх

Хэрэв сайт ердийн хостинг дээр байгаа бол бүх зүйл илүү төвөгтэй болно. Техникийн дэмжлэгтэй холбоо барьж, модулиудыг яагаад суулгаагүй, энэ асуудлыг хэрхэн даван туулах талаар олж мэдээрэй. Учир нь хост модулиудыг суулгаагүй олон шалтгаан байж болно.

👁9 325 удаа үзсэн.

Энэ нийтлэлд бид вэбсайтын ачааллыг хэрхэн хурдасгах талаар үргэлжлүүлэн авч үзэх болно. Бид өмнө нь ярилцсан. Өнөөдөр бид .htaccess файлыг ашиглан хэрэглэгчийн тал дээр хөтчийн кэшийг хэрхэн идэвхжүүлэх талаар сурах болно.

Яагаад хэрэглэгчийн тал дээр хөтчийн кэшийг идэвхжүүлэх хэрэгтэй вэ?

Ихэнхдээ шинэ вэбсайт үүсгэх үед програмистууд вэб сайтыг хөтөч дээр ачаалах хурдыг анхаарч үздэггүй. Ялангуяа сайтыг хөгжүүлэх ажлын даалгаварт энэ зүйлд анхаарлаа хандуулаагүй бол. Мөн шинэ бүтээл гарсны дараа энэ төслийг боловсруулах, сурталчлах ажилд оролцож буй вэб мэргэжилтэн Google-ийн PageSpeed ​​​​Insights програмыг ачаалах хурдыг хайж олохын тулд сайтыг сканнердаж маш гунигтай дүр зургийг харж болно.

Түүнээс хол бүрэн жагсаалтХэрэглэгчийн хөтөч дээр сайтыг ачаалах хурдыг удаашруулж болзошгүй асуудлууд:

Зарим уншигчид яагаад энэ кэшийг идэвхжүүлж, сайтыг ачаалах хурдыг хурдасгах хэрэгтэй байна вэ гэж гайхаж магадгүй юм. Эцсийн эцэст, сайт ямар ч байсан муу ажилладаггүй.

Үүнд дор хаяж хоёр шалтгаан бий:

  1. Хэрэв сайтыг ачаалахад удаан хугацаа шаардагддаг бол хэрэглэгч таны анхаарлыг татахын тулд дизайнерын зорьсон супер эффектийг хүлээхгүй байж магадгүй, харин зүгээр л таны уран бүтээлийг хааж, өрсөлдөгчийн сайт руу орох болно, магадгүй арай өнгөлөг, гэхдээ илүү хурдан бөгөөд илүү хариу үйлдэл үзүүлэх. Эцсийн эцэст бидний хэн нь ч удаан хүлээх дургүй. 🙂
  2. Сайтыг ачаалах хурд удаан байх тусам үйлчилгээ бага байх болно. хайлтын системүүд By гол асуултууд, өрсөлдөгчийнхөө сайтуудтай харьцуулахад. Мөн энэ нь аль хэдийн таны бизнесийн хөгжилд томоохон аюул заналхийлж байна.

Хэрэглэгчийн талд байгаа хөтөч дээр файлын кэшийг хэрхэн идэвхжүүлэх вэ

Хэрэв таны төсөл алдартай дээр боловсруулагдсан бол CMS WordPress, өөрөөр хэлбэл кэшийн асуудлыг шийдэж чадах олон залгаасууд байдаг. Тэдгээрийн хамгийн алдартай нь W3 Total Cache, WP Super Cache, Гипер кэш. Гэхдээ энэ нийтлэлд би .htaccess файлаар шууд хостинг дээр кэш хийхийг идэвхжүүлэх илүү найдвартай арга замыг авч үзэхийг санал болгож байна.

Анхаарна уу, санал болгож буй аргууд нь зөвхөн Apache програм хангамжийг таны хостинг үйлчилгээ үзүүлэгчийн сервер дээр суулгасан тохиолдолд л ажиллах болно.

Ямар нэгэн өөрчлөлт хийхээс өмнө.htaccess файлд үүнийг хийхээ мартуузай нөөц хуулбарХэрэв ямар нэг зүйл буруу болвол сэргээх боломжтой тул таны компьютерт суулгана уу.

Хэрэглэгчийн тал дээр хөтчийн кэшийг идэвхжүүлэхийн тулд, Доорх аргуудын аль нэгийг ашиглахад хангалттай. Хоёр аргыг нэгэн зэрэг ашиглахыг зөвлөдөггүй бөгөөд таны сайтыг тасалдуулахад хүргэж болзошгүй юм.

mod_headers модулийг ашиглан хэрэглэгчийн тал дээр хөтчийн кэшийг идэвхжүүлж байна

Кэш хийх функцийг идэвхжүүлэхийн тулд доорх кодыг таны сайтын үндсэн директорт байрлах .htaccess файлд оруулах ёстой. Алдаа гарахаас зайлсхийхийн тулд WordPress-ийн END # мөрийн өмнө код оруулах шаардлагатай:

# Бүх 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)$" >

Толгой хэсгийн кэш - "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)$">

Толгой хэсгийг тохируулаагүй Кэш - Хяналт

< / FilesMatch >

< / IfModule >

Эдгээр болон бусад заавар нь юу гэсэн үг болохыг би тайлбарлахгүй. Тэдний үнэ цэнийн талаарх дэлгэрэнгүй мэдээллийг Apache баримт бичгийн албан ёсны вэбсайтаас олж болно.

mod_expires модулийг ашиглан хэрэглэгчийн тал дээр хөтчийн кэшийг идэвхжүүлж байна

mod_expires модулийг ашиглан хэрэглэгчийн талын хөтөч дээр кэш хийхийг идэвхжүүлэхийн тулд .htaccess файлд дараах кодыг бичнэ үү.

ExpiresActive On #default cache 30 секунд ExpiresDefault "access plus 30 seconds" # Зургийн кэшийг идэвхжүүлж 1 сарын турш анивчина ExpiresByType image/x-icon "access plus 1 month" ExpiresByType image/jpeg "access plus 4 долоо хоног" ExpiresByType зураг/ png/ "access plus 30 days" ExpiresByType image/gif "access plus 43829 minutes" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" # CSS, javascript болон текст файлуудыг 7 хоногийн турш кэш хийхийг идэвхжүүлэх ExpiresByType "plusscess/c" 604800 секунд" ExpiresByType text/javascript "access plus 604800 seconds" ExpiresByType application/javascript "access plus 604800 seconds" ExpiresByType application/x-javascript "access plus 604800 seconds file of html" болон html/cavascript-ыг идэвхжүүлнэ. " access plus 43200 seconds" # xml файлыг 10 минутын турш кэш хийхийг идэвхжүүлэх ExpiresByType application/xhtml+xml "хандалт нэмэх 600 секунд"

< ifModule mod_expires . c >

Идэвхтэй үед дуусах хугацаа

#өгөгдмөл кэш нь 30 секунд байна

ExpiresDefault "хандалт нэмэх 30 секунд"

# Зургийн кэш болон флэшийг 1 сарын турш идэвхжүүлнэ

ExpiresByType зураг / x - дүрс "хэрэглэх нэмэлт 1 сар"

ExpiresByType зураг / jpeg "хандалт нэмэх 4 долоо хоног"

ExpiresByType зураг / png "хандалт нэмэх 30 хоног"

ExpiresByType зураг / gif "хандалт нэмэх 43829 минут"

ExpiresByType програм / x - shockwave - флэш "хандалт нэмэх 2592000 секунд"

# Css, javascript болон текст файлуудыг 7 хоногийн турш кэш хийхийг идэвхжүүлнэ

ExpiresByType text/css "хандалт нэмэх 604800 секунд"

ExpiresByType текст/жаваскрипт "хандалт нэмэх 604800 секунд"

ExpiresByType application/javascript "хандалт нэмэх 604800 секунд"

img class=”aligncenter wp-image-2458 size-full” title=”Сайтын хуудасны хөтчийн кэшийг хэрхэн идэвхжүүлэх вэ” src=”http://about-windows.ru/wp-content/uploads/2014/07/How to enable -browser-caching-of-site-pages.jpg” alt=”Сайтын хуудасны хөтчийн кэшийг хэрхэн идэвхжүүлэх вэ” width=”600″ height=”450″ />

Би өөрийн сайт дээрх эцсийн хэрэглэгчийн хөтчийн кэшийг хэрхэн идэвхжүүлэх вэ?

Хэрэв таны сервер эцсийн хэрэглэгчийн вэб хөтөчид зарим нөөцийг -д хадгалах боломжтой гэдгийг мэдэгдвэл ижил нөөцийн дахин хүсэлт нь алсын серверээс биш харин дотоод компьютерээс хариу хүлээн авах болно. Үүнээс аль аль талдаа ашигтай байх болно. Тиймээс сервер нь хэрэглэгчийн компьютер дээр аль хэдийн бэлэн байгаа тодорхой нөөцийг илгээх шаардлагагүй тул зарим ачааллыг хөнгөвчлөх болно. Гэхдээ хэрэглэгч илүү ихийг хүлээн авах болно хурдан нэвтрэххүссэн нөөцөд.

Apache сервер дээр сайтын нөөцийн хөтчийн кэшийг хэрхэн идэвхжүүлэх вэ?

Эхлээд хөтөч ямар нөөцийг кэшлэх ёстойг олж мэдье. Хөтөч нь зарим нөөцийг кэшээр хадгалдаг бол тэдгээрийг бүрэн шинэчлэхгүй байж магадгүй гэдгийг танд сануулъя удаан хугацаагаар. Энэ нөхцөл байдал нь статик объектуудад маш тохиромжтой. Ямар нөөцийг статик объект гэж ангилж болох вэ?

  1. CSS файлууд.
  2. JS файлууд.
  3. Зураг.
  4. Видео.
  5. Хөгжим.

Дээрх эх сурвалжууд болон бусад зарим нөөцүүд нь хор хөнөөлгүйгээр удаан хугацаанд хадгалагдах боломжтой. Тэд өдөр бүр шинэчлэгдэхгүй. Үүний үндсэн дээр би танд хэрэглэгчийн хөтөчийг жагсаасан нөөцүүдийг кэш болгох кодыг өгөх болно. Нэмж дурдахад бид эдгээр нөөцийг шинэчлэлт хийх хүсэлтгүйгээр кэшэд хадгалах хугацааг зааж өгөх болно.


Идэвхтэй үед дуусах хугацаа
Дуусах Үндсэн "хандалт 7 хоног"
ExpiresByType application/javascript "хандах эрхтэй нэмэх 1 жил"
ExpiresByType текст/жаваскрипт "хандалт нэмэх 1 жил"
ExpiresByType text/css "хандах эрхтэй нэмэх 1 жил"
ExpiresByType text/html "хандалт нэмэх 7 хоног"
ExpiresByType text/x-javascript "1 жилийн хандалт"
ExpiresByType зураг/gif "хандах эрхтэй нэмэх 1 жил"
ExpiresByType image/jpeg "хандах эрхтэй нэмэх 1 жил"
ExpiresByType image/png "хандах эрхтэй нэмэх 1 жил"
ExpiresByType image/jpg "хандах эрхтэй нэмэх 1 жил"
ExpiresByType image/x-icon "1 жил хандах"
ExpiresByType application/x-shockwave-flash "хэрэглэх 1 жил"

Энэ кодыг файлд оруулах ёстой .htaccess, энэ нь Apache серверийн үүрэг гүйцэтгэдэг сайтын үндсэн хавтсанд байдаг. Үүний дараа хөтөч дээрх бүх объектыг заасан хугацаанд кэш хийх болно. Энэ нь хэрэв та нэг сайтад нэг жилийн дотор зочилвол (жишээнд дурдсанчлан) энэ хугацаанд компьютерийнхээ кэшийг цэвэрлээгүй л бол та компьютерээсээ олон файл хүлээн авах болно гэсэн үг юм.

  • htaccess кэш нь вэб хуудасны агуулгыг хадгалдаг орон нутгийн компьютерхэрэглэгч зочлох үед;
  • Хөтчийн кэш ашиглах - Вэбмастер нь хөтчүүдэд нөөцийг хэрхэн ашиглахыг зааж өгдөг.

Хөтөч вэб хуудсыг үзүүлэхдээ лого, CSS файл болон бусад эх сурвалжийг ачаалах ёстой.


Хөтөчийн кэш нь хөтөч аль хэдийн татаж авсан нөөцүүдийг "санаж" байдаг. Зочин сайтын өөр хуудас руу очиход лого, CSS файл гэх мэт. Хөтөч аль хэдийн "сансан" (тэдгээрийг хадгалсан) тул дахин татаж авах ёсгүй. Энэ нь вэб хуудсыг дахин зочлохоос илүү эхний удаад ачаалахад удаан хугацаа шаардагдах шалтгаан юм.

Таныг кэш ашиглах үед вэб хуудасны файлууд хөтчийн кэшэд хадгалагдах болно. Хуудсууд давтагдах үед илүү хурдан ачаалагдах болно. Энэ нь ижил нөөцийг ашигладаг бусад хуудсуудад тохиолдох болно.

Хөтөчийн кэшийг хэрхэн идэвхжүүлэх вэ

  • Кэшийг ашиглахын тулд нөөцийн хүсэлтийн толгой хэсгийг өөрчлөх;
  • Кэш хийх стратегиа оновчтой болго.

Хүсэлтийн толгой хэсгийг өөрчлөх

Ихэнх хүмүүсийн хувьд сайтын htaccess-ийг кэшлэх цорын ганц арга бол вэб сервер дээрх .htaccess файлд код нэмэх явдал юм.

.htaccess файл нь олон зүйлийг хянадаг чухал тохиргоотаны вэбсайтад зориулсан.

htaccess файлаар хөтчийн кэш хийх

Доорх код нь хөтөчид юуг кэшлэх, хэр удаан "санах" хэрэгтэйг зааж өгдөг. Үүнийг .htaccess файлын эхэнд нэмэх ёстой:

## КЕШЛАХ ХУГАЦАА ДУУССАН ## ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/cs "s1Ty" сараар нэвтрэх html "хэрэглэх 1 сар" ExpiresByType application/pdf "хандах 1 сар" ExpiresByType text/x-javascript "хандах 1 сар" ExpiresByType application/x-shockwave-flash "хандах 1 сар" ExpiresByType зураг/x-icon "хандах 1 жил" "Хандалт 1 сар" үндсэн хугацаа дуусна## КЕШЛАХ ХУГАЦАА ДУУССАН ##

.htaccess файлыг хадгалаад дараа нь вэб хуудсыг сэргээнэ үү.

Төрөл бүрийн файлын кэш цагийг хэрхэн тохируулах вэ

Дээрх код нь цагийн интервалыг зааж өгдөг. Жишээлбэл, 1 жил (1 жил) эсвэл 1 сар (1 сар). Эдгээр нь файлын төрлүүдтэй холбоотой. Дээрх код нь .jpg файлуудыг (зураг) нэг жилийн турш кэшд хадгалах ёстой гэж заасан.

Хэрэв та үүнийг өөрчлөхийг хүсвэл JPG зургийг мөн сарын турш хадгална гэвэл "1 жил" гэсэн үгийг "1 сар" гэж солих хэрэгтэй. Дээрх htaccess кэшийн утгууд нь ихэнх вэб хуудсанд оновчтой байдаг.

htaccess-д зориулсан өөр кэш хийх арга

Дээр дурдсан аргыг " гэж нэрлэдэг. Хугацаа нь дуусна", энэ нь ихэнх эхлэгчдэд кэш хийхэд тусалдаг. Хэрэв та кэш хийхэд таатай болмогц та 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» — гарчгийг тохируулна;
  • Хувьсагч" дээд нас = 2592000"- кэш хийх процесс хэр удаан үргэлжлэхийг (секундэд) заадаг. Энэ тохиолдолд бид нэг сар (2592000) секундын турш кэш хийдэг;
  • Хэсэг " олон нийтийн» олон нийтэд нээлттэй болсон гэж мэдээлж байна.

© 2024 ermake.ru -- Компьютер засварын тухай - Мэдээллийн портал