htaccess - Кэш көмегімен сайт беттерін кэштеу

Бұл мақаланы тыңдаңыз

.htaccess көмегімен сайт беттерін кэштеу. Техникалық оңтайландырудың бірдей маңызды кезеңі gzip қысу немесе CSS минификациясын қосу болып табылады. Кэш парақтары мен файлдарын қосу сайттың жылдамдығын айтарлықтай арттыруға мүмкіндік береді. Сондай-ақ кейде сервердегі жүктемені азайтады. Қарапайым манипуляциялардың арқасында сіздің сайтыңыз ұша бастайды.

Бұл мақалада біз осы тақырыптың барлық аспектілері туралы айтатын боламыз. Сайт және оны қолдану үшін кэштің маңыздылығы қандай. Мен тәжірибеде қолдануға болатын мысалдарды сипаттаймын. Сонымен қатар, WordPress үшін өте жақсы кэш плагиндері туралы қысқаша шолу болады.

Мақаланың мазмұны:

• Сайт кэш дегеніміз не - кэштеу сайтқа қалай әсер етеді
• Сайтты кэштеуді қалай қосуға және конфигурациялауға болады
• Код тақырыбы Кэш-Басқару жиыны
• Мәжбүрлі кэштеуді өшіретін "FilesMatch" құрылымының мысалы
• Қарапайым кэш коды
• Кэш үшін маңыздырақ пайдалану жағдайы
• Браузердегі кэштеуді пайдаланушы жағында 3 - 7 күн немесе бір жыл бойы конфигурациялау
• Мазмұнды кэш (Flash, CSS, JS, HTML, XML) және кескіндер
• WordPress плагиндерімен кэштеу

Сайт кэш дегеніміз не - кэштеу сайтқа қалай әсер етеді

Қарапайым тілмен айтқанда, кэштеу - бұл браузерде пайдаланушыдан сайт туралы ақпаратты сақтау. Осылайша, сервердегі негізгі жүктеме азаяды. Сайттың маңызды бөлігін жүктеудің қажеті жоқ, өйткені оның сақталған бөлігін пайдаланушы браузері жүктейді. Бұл сайтты жүктеуді тездетудің өте тиімді әдісі.

Кэш немесе кэш немесе кэш - жылдам қол жеткізуге болатын аралық алмасу буфері. Жиі сұралатын ақпаратты сақтау және қамту. Кэштегі деректерге қол жеткізу баяу жад көздеріне қарағанда жылдамырақ. Бірақ есте сақтау шегі бар. Қарапайым тілде кэш – қысқа жады.

Сонымен бірге кэштеу пайдаланушыға зиян келтірмейді. Бірақ ол сіздің жобаңызды браузерде көрсетуді жақсартады. Бұл қалай болады! Пайдаланушы сайтқа кірген кезде. Оның жүктелуі қажет болғаннан сәл баяу. Бұл браузер қазіргі уақытта сайттың кейбір көшірмесін сақтайтындығына байланысты. Көбінесе бұл мыналарға қатысты:

1. логотиптерге;
2. шағын суреттер;
3. css файлдары;
4. жалпы бет құрылымы.

Осылайша, сайттың бір бөлігі үнемі пайдаланушы браузерінің жадында (кэшінде) болады. Осыған байланысты, сайтты қайта жүктегенде, келуші ең жоғары жауап жылдамдығын алады. Браузер осы сәтте кейбір элементтерді жадынан босатады. Ал сайт, ақпараттың үлкен көлемін қайта жіберудің қажеті жоқ.

Сайтта кэш қосылған және конфигурацияланған кезде. Оның белгілі бір бөлігі келушінің шолғышының жергілікті кэшінде қажетті мерзімге сақталады. Қай веб-беттер қайталанса, жылдамырақ жүктеледі.

Сайтты кэштеуді қалай қосуға және конфигурациялауға болады

Мұны істеу мүлдем қиын емес. Біз сервер үшін ережелерді орнататын htaccess файлымен жұмыс істеуді жалғастырамыз. Онымен қалай жұмыс істеу керек, мен көптеген мақалаларда сипаттадым. Сондықтан мен тікелей мәселеге көшемін. Стандартқа сәйкес кэштеу қажетті файлдарға және белгілі бір уақыт кезеңіне орнатылады. Файлды сақтауға берілген уақыт өткеннен кейін оның ағымдағы нұсқасы серверден қайтадан жүктеледі. Ол үшін сізге қажет:

• FilesMatch типті құрылымды жасаңыз. Онда біз кэштеу үшін қажетті файл кеңейтімдерін көрсетеміз.
• Әрі қарай, біз max-age айнымалысы бар Cache-Control тақырыбын көрсетеміз. Мұнда Cache-Control сервердің жауап тақырыбы болып табылады. Max-age - файлды сақтау уақытын секундтармен көрсететін айнымалы мән.

FilesMatch құрылымында қолданылатын кеңейтімдердің әдеттегі тізімі:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

Кэштегіңіз келмейтін файлдарды FilesMatch құрылымының тізіміне қосудың қажеті жоқ.

Код мысалы Тақырып жинағы Cache-Control

# кэш-басқару # 30 күн Тақырып жинағы Cache-Control "max-age=2592000, public" # 30 күн Тақырып жинағы Cache-Control "max-age=2592000, public" # 2 күн Тақырып жинағы Cache-Control "max-age=172800, жалпыға ортақ, қайта тексеру керек"

Мәні -#- түсініктеме! Көріп отырғаныңыздай, түсініктемелер файлдар сақталатын шарттарды көрсетеді. Сондай-ақ мәжбүрлі кэшті өшіру мүмкіндігі бар. Бұл опция динамикалық файлдар үшін қолайлы. Сценарийлерге және әртүрлі сценарийлерге көбірек қатысты.

Мәжбүрлі кэштеуді өшіретін "FilesMatch" құрылымының мысалы

Тақырып кэш-басқару параметрін өшірді

Көріп отырғаныңыздай, мерзімдер жоқ. Сондықтан бұл файл кеңейтімдері кэштелмейді. Бұл дизайнда файл кеңейтімдерін қосуға болады.

Сондай-ақ кэшті басқарудың тағы бір жолы бар - оны WordPrees-тегі көптеген плагиндер пайдаланады. Бұл әдісте mod_expires модулін қолданамыз. Бұл модуль сервер жағында HTTP жауап тақырыптарын басқару мүмкіндігіне ие. Мұнда кэште деректерді сақтаудың негізгі уақытын өзіңіз орнатуға болады.

Онда деректерді сақтау ұзақтығының бірнеше параметрлері бар:

1. клиентке қол жеткізу уақыты бойынша;
2. немесе файлдың соңғы модификациясы бойынша;
3. уақытты орнату;

Қарапайым кэш кодының мысалы

# тақырыбының мерзімі аяқталады - 2678400s = 31 күн ExpiresActive On ExpiresDefault "access plus 1 seconds" ExpiresByType text/html "access plus 7200 seconds" ExpiresByType image/gif "access plus Expires 2678400s = 31 days ExpiresActive plus 1 seconds" ExpiresByType секунд" ExpiresBy түрі кескіні / png "қол жеткізу плюс 2678400 секунд" ExpiresByType text/css "access plus 518400 секунд" ExpiresByType text/javascript "access plus 2678400 секунд" ExpiresByType қолданбасы/x-javascript "access плюс 267840 секунд"

Кэш үшін маңыздырақ пайдалану жағдайы

ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType мәтін/x-компонент A31536000 ExpiresByType қолданбасы/x-javascript A31536000 ExpiresByType қолданбасы/javascript ExpiresByType A31536000y ExpiresByType мәтіні/javascript A31536000y resByType text/x -js A31536000 ExpiresByType text/html A3600 ExpiresByType мәтін/richtext A3600 ExpiresByType суреті /svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType ExpiresByType видео/asf003y ExpiresByType ExpiresByType A03i/asf003y 00 ExpiresByType суреті /bmp A31536000 ExpiresByType қолданбасы/java A31536000 ExpiresByType бейне/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType қолданбасы/x-msdownload A31536000 ExpiresByType суреті/gif A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/vnd.ms-fontobject yType image/x -icon A31536000 ExpiresByType image/jpeg A31536000 ExpiresByType image/webp A31536000 ExpiresByType application/json A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType аудио/midi A31536000 ExpiresByType бейне/жылдам уақыт A31536000 ExpiresByType/vnd.ms-access ExpiresByType A31536000 ExpiresByType A03ype 4 A31536 000 ExpiresByType бейне/mpeg A31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType қолданба /x-font-otf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.doasis.oasiment A3153600y. pe application/vnd.oasis. opendocument.formula A31536000 ExpiresByType application/vnd.oasis.opendocument.graphics A31536000 ExpiresByType application/vnd.oasis.opendocument.presentation A31536000 ExpiresByType application/vnd.oasis.opendocument A31T03ype/vnd.oasis.opendocument.graphics A31536000. s.opendocument.text A31536000 ExpiresByType аудио/ogg A31536000 ExpiresByType қолданба /pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByTypex image/png A31536000 ExpiresByType+app63B03y/s -shockwave-flash A31 536000 ExpiresByType қолданбасы/x-tar A31536000 ExpiresByType image/ tiff A31536000 ExpiresByType application/x-font-ttf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType аудио/wav A31536000 ExpiresByType A31536000 ExpiresByType application/x-font-ttf ms-write A3153 6000 ExpiresByType қолданбасы/font-woff A31536000 ExpiresByType application/font -woff2 A31536000 ExpiresByType application/vnd.ms-excel A31536000 ExpiresByType application/zip A31536000

Көріп отырғанымыздай, бұл жерде кеңейтімдердің үлкен саны әсер етеді. Сақтау мерзімі бірдей.

Браузердегі кэштеу пайдаланушы жағында 3 - 7 күн немесе бір жыл

Мұнда файл кеңейтімдерінің негізгі бөлігі бір жылға сақталады. Көбінесе бұл кескіндер үшін пайдалы, өйткені оларды аз адамдар өзгертеді деп ойлаймын. Осылайша, олар жыл бойы келушілердің браузеріне жүктеледі.

# Пайдаланушы шолғышын кэштеу ExpiresActive On ExpiresDefault "7 күн қолжетімділік" ExpiresByType қолданбасы/javascript "access plus 1 year" ExpiresByType text/javascript "access plus 1 year" ExpiresByType text/css "access plus 1 year" htmlT "кіру мерзімі бітеді/By" плюс 7 күн" ExpiresByType text/x-javascript "access 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/jpg " access plus 1 year" ExpiresByType суреті/x-icon "кіру 1 жыл" ExpiresByType қолданбасы/x-shockwave-flash "қолжеткізу 1 жыл" ExpiresByType js "қолжеткізу 3 күн"

Мазмұнды кэштеу (Flash, CSS, JS, HTML, XML) және кескіндер

Бұл мысалда біз кэшті белгілі бір файлдар үшін ғана қолданамыз. Және қысқа мерзімге.

ExpiresActive On # Image Cache ExpiresByType image/x-icon "кіру плюс 2592000 секунд" ExpiresByType image/jpeg "кіру плюс 2592000 секунд" ExpiresByType image/png "access плюс 259200000 секунд ExpiresByType" image/x-icon ExpiresByType плюс 2592000 сек. 0 секунд" # кэш мазмұны (Flash, CSS, JS, HTML, XML) ExpiresByType қолданбасы/x-shockwave-flash "кіру плюс 2592000 секунд" ExpiresByType text/css "access плюс 604800 секунд" ExpiresByType text/javascript "access Exp002T плюс 259Bjavascript" қатынас плюс 2592000 секунд" ExpiresByType қолданбасы/x-javascript "қол жеткізу плюс 2592000 секунд" ExpiresByType text/html "access plus 600 секунд" ExpiresByType application/xhtml+xml "access plus 600 секунд"

Беттерді және сайт файлдарын кэштеуді орнату соншалықты қиын нәрсе емес. Ең бастысы - дұрыс стратегияны таңдау. Жоғарыда келтірілген мысалдардың барлығын өз қалауыңыз бойынша пайдалануға болады. Стратегияларды сынап көріңіз және дұрыс код опциясын таңдаңыз. Төменде мен WordPress үшін кейбір кэш плагиндері туралы айтатын боламын.

WordPress плагиндерімен кэштеуді орнату

CMS-ті пайдаланатындар үшін WordPress кэш плагиндерінің кең ауқымына ие. Олардың барлығында толық функционалды шешім және автоматты конфигурация бар. Мұндай плагиндерді пайдалану кезінде ерекше проблемалар болмауы керек. Мұндай плагинді орнатқаннан кейін сізге қажет параметрлерді қолдану жеткілікті. Плагин оларды автоматты түрде htaccess файлында сақтайды.

WP ең жылдам кэш

WP үшін танымал және жеткілікті қуатты кэштеу плагині. Оның көптеген әртүрлі параметрлері бар, соның ішінде HTML, CSS және Js оңтайландыру. Оны тіпті жаңадан бастаған пайдаланушы да анықтай алады.

WP SuperCache

Өте танымал плагин! Керемет функционалдылық және ыңғайлы параметрлер. Әртүрлі нысандардың үлкен санын кэштеу мүмкіндігі. Плагинді орнату өте қарапайым.

W3 Жалпы кэш

Үлкен сайттар үшін қуатты шешім. Өз түрінің ішіндегі ең танымал плагин. Параметрлер мен функционалдылықтың үлкен таңдауы бар. Сіз оны мұқият конфигурациялауыңыз керек, себебі ол маңызды қателерді тудыруы мүмкін. Басқа плагиндермен немесе тақырыптармен қайшылықтар болуы мүмкін. Бірақ функционалдылық тұрғысынан өте жақсы және қуатты плагин.

Бұл мен өзім пайдаланған негізгі және ең танымал кэш плагиндері. Сіз өзіңіздің қалауларыңызға байланысты кез келгенін таңдай аласыз.

Қорытындылай келе

Бұл мақалада мен мүмкіндігінше кэштеу тақырыбын қамтуға тырыстым. Сипаттамаларыңызға байланысты қолдануға болатын мысалдарды көрсету. Осы нұсқаулықпен кэштеуді орнату сіз үшін сағат механизмі сияқты болады. Бұл мақала ұзақ уақыт бойы өзекті болады деп үміттенемін. Назарларыңызға рахмет, бірақ қоштаспаймын. Келесі мақалаларда кездескенше.

Осы мақаланы оқу:

• Веб-сайт үшін robots.txt файлын қалай жасауға болады - дұрыс роботтар
• Htaccess файлы - жаңадан бастаушыларға арналған .htaccess файл нұсқаулығын жасау

Оқығаныңыз үшін рахмет: SEO HELPER | NICOLA.TOP