Gzip შეკუმშვა js / css / html საიტის აჩქარება - როგორ ჩართოთ .htaccess-ში

ბეჭდვა · დრო на чтение: 9მინ · მიერ · გამოქვეყნდა · განახლებულია

გამრავლებამოუსმინეთ სტატიას

Gzip შეკუმშვა js css html.მოგესალმებით, ძვირფასო მკითხველებო! დღეს ჩვენ ვისაუბრებთ gzip js შეკუმშვა | css | htmlსაიტის დატვირთვის დასაჩქარებლად. როგორ ჩართოთ ის .htaccess ფაილით. მე ასევე გეტყვით, რატომ გჭირდებათ საერთოდ სერვერის მხარეს ფაილის შეკუმშვის ჩართვა.

ეს თემა პირდაპირ კავშირშია ტექნიკურთან საიტის ოპტიმიზაცია. საკმაოდ მარტივი მანიპულაციების დაშვებით, მნიშვნელოვნად დააჩქარეთ საიტის დატვირთვა. სწრაფი საიტი მნიშვნელოვანი წარმატებაა საძიებო სისტემის პოპულარიზაციაში.

რა არის Gzip ფაილის შეკუმშვის ჩართვა .htaccess-ში?

როგორ ჩართოთ Gzip გვერდების შეკუმშვა საიტზე.

როგორც უკვე ვთქვი ჩემს ბევრ სტატიაში! საწყის ეტაპზე საიტს საკმაოდ დიდი წონა აქვს. და იმათ. ოპტიმიზაცია აუცილებელია შეამცირეთ ჩვენი საიტის წონა. აუცილებლად უნდა შევამციროთ კოდის რაოდენობა, გვერდების წონა, სურათები და სხვა. ზოგადი ამოცანაა მომხმარებელს მიაწოდოს საიტის მსუბუქი და სწრაფი ჩატვირთვის ვერსია.
ამრიგად, ჩვენ სწრაფად ვაძლევთ ინფორმაციას. გვერდებსა და სექციებს შორის გადასვლა ხდება წამის ნაწილად. ამავდროულად, ვიზიტორები სწრაფად დაინახავენ ყველა დატვირთულ დიზაინის ელემენტს და ურთიერთქმედების სხვა ინტერაქტიულ ელემენტებს.

GZIP შეკუმშვა - უზრუნველყოფს გადაცემული ფაილების შეუფერხებლად დაარქივებას. ამრიგად, ჩვენ ვიღებთ წყაროს ხარისხის უზარმაზარ შეკუმშვას. ყველა მონაცემი თავდაპირველ მდგომარეობაში მოდის მომხმარებლის ბრაუზერში უკვე ამოხსნის შემდეგ. თავად განხორციელება განპირობებულია რამდენიმე სამუშაო ალგორითმით. ეს მოიცავს ძირითად DEFLATE-ს LZ77-ისა და Huffman-ის გამოყენებით.

რა თქმა უნდა, ასეთი სახის შეკუმშვა (შეკუმშვა) არ არის იდეალური გადაწყვეტა. მაგრამ Gzip-ის განხორციელება გვაძლევს ბალანსს სიჩქარესა და შეკუმშვის კოეფიციენტს შორის. ეს მეთოდი ყველაზე პოპულარულია საიტის დაჩქარების სხვა გზებს შორის. უფრო მეტიც, სერვერზე უფრო გლობალური მეთოდის დანერგვას დიდი დრო და ტესტირება დასჭირდება. და შეიძლება არ მოგცეთ სასურველი შედეგი! Gzip შეკუმშვა ამ მხრივ ყველაზე საიმედო გზაა ფაილების ჩამოტვირთვის დასაჩქარებლად.

Gzip შეკუმშვა - რომელი ფაილებისთვის არის მისაღები? რომელ სერვერებზე მუშაობს?

სინამდვილეში gzip შეკუმშვა მოიცავს ფაილების დიდ სიას. მაგრამ მას აქვს მცირე მინუსი! როდესაც მომხმარებელი სტუმრობს საიტს, სერვერს სჭირდება დიდი რაოდენობის მონაცემების შეკუმშვა. ეს იწვევს სერვერზე გარკვეულ დატვირთვას. მაგრამ უმეტეს შემთხვევაში ეს არ არის კრიტიკული. ყველა მხარდაჭერილი ფაილის ფორმატი გადატანის შემდეგ შესანიშნავად არის ნაჩვენები პოპულარულ ბრაუზერებში.

ძირითადი მათ შორისაა:

  • text/plaintext/html;
  • ტექსტი/xml აპლიკაცია/xml აპლიკაცია/xhtml+xml აპლიკაცია/xml-dtd;
  • განაცხადი/rdf+xml აპლიკაცია/rss+xml აპლიკაცია/atom+xml სურათი/svg+xml;
  • ტექსტი/css ტექსტი/javascript აპლიკაცია/javascript აპლიკაცია/x-javascript;
  • font/opentype application/font-otf application/x-font-otf;
  • font/truetype application/font-ttf application/x-font-ttf.
Gzip ფაილის შეკუმშვა გამოიყენება მთავარ Apache და Nginx სერვერებზე. მოქმედი სამუშაო მოდულებით და სერვერის შესაძლებლობებით.

მაგალითად: Nginx - გამოიყენება სტატიკური. ის კარგად ამუშავებს და ამუშავებს სტატიკურ ფაილებს. შეკუმშვა ხდება ngx_http_gzip_module და ngx_http_gzip_static_module მოდულების წყალობით. ფრენის დროს უწყვეტი შეკუმშვა ხორციელდება ძირითადი გაფართოების „.gz“-ით ჩანაცვლებით.

სტანდარტული კონფიგურაციის მაგალითი:

gzip ჩართულია;
gzip_min_length 1000;
gzip_types text/plain application/xml;

Apache არის ყველაზე მოთხოვნადი სერვერი. რა თქმა უნდა, მასზე შეკუმშვა უფრო ამბიციური და კონფიგურირებადი იქნება. ამ სერვერზე Gzip შეკუმშვა ხდება mod_deflate მოდულის გამოყენებით. მომხმარებლის ბრაუზერში გაგზავნამდე შეკუმშვის უზრუნველყოფით.

სტანდარტული კონფიგურაციის მაგალითი:

# ჩართეთ GZIP - ჩართეთ შეკუმშვა
AddOutputFilterByType DEFLATE ტექსტი/უბრალო
AddOutputFilterByType DEFLATE ტექსტი/html
AddOutputFilterByType DEFLATE ტექსტი/xml
AddOutputFilterByType DEFLATE ტექსტი/css
AddOutputFilterByType DEFLATE აპლიკაცია/xml
AddOutputFilterByType DEFLATE აპლიკაცია/xhtml+xml
AddOutputFilterByType DEFLATE აპლიკაცია/rss+xml
AddOutputFilterByType DEFLATE აპლიკაცია/javascript
AddOutputFilterByType DEFLATE აპლიკაცია/x-javascript

# შეკუმშვა ნელი ალგორითმით სერვერზე დატვირთვის შესამცირებლად.

ძრავის გადაწერა ჩართულია
AddEncoding gzip .gz
RewriteCond %{HTTP: Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

PHP ნაკლებად პოპულარული ვარიანტია. მაგრამ მას ასევე აქვს უნარი მოაწყოს შეკუმშვა zlib მოდულის გამოყენებით. ეს მეთოდი არ არის რეკომენდებული, რადგან ის ძალიან ნელია.

სტანდარტული კონფიგურაციის მაგალითი:

1TP29OriginalFile = __DIR__. '/jquery-1.11.0.min.js';
$gzipFile = __DIR__. '/jquery-1.11.0.min.js.gz';

1TP29OriginalData = file_get_contents(1TP29OriginalFile);

$gzipData = gzencode($originalData, 9);
file_put_contents ($gzipFile, $gzipData);

var_dump(ფაილის ზომა($originalFile)); // int(96380)
var_dump(ფაილის ზომა($gzipFile)); // int(33305)

რა თქმა უნდა, Apache + Nginx + PHP სერვერების გამოყენება ასევე შესაძლებელია ერთად. ამრიგად, უზრუნველყოფილი იქნება დატვირთვის გარკვეული განაწილება სერვერებს შორის. მაგრამ ეს არის ძალიან რთული ამოცანა, რომელიც არ უნდა გაკეთდეს ჩვეულებრივი მომხმარებლების მიერ.

მე თვითონ მოვახდინე ჩემი სერვერის კონფიგურაცია Apache/Nginx/PHP-ის ყველა ძირითადი უპირატესობის გამოყენებით. ამრიგად, Nginx ამუშავებს სტატიკურს, Apache ამუშავებს დანარჩენს PHP-ით. შედეგი ძალიან დადებითია. მაგრამ ამ მეთოდის ორგანიზებაზე დიდი დრო დაიხარჯა.

როგორ ჩართოთ Gzip შეკუმშვა .htaccess ფაილში

სინამდვილეში, ამის გაკეთება არ არის რთული. უფრო მეტიც, მე უკვე ვისაუბრე ამ ფაილზე.

ძირითადი წესები იგივე რჩება:

  1. დარწმუნდით, რომ შეინახეთ ორიგინალური .htaccess ფაილი რედაქტირებამდე. 500 შეცდომის შემთხვევაში, იქნება რაღაც აღსადგენად.
  2. ხაზებს შორის არ უნდა იყოს ხარვეზები.
  3. ჩვენ ყველა კომენტარს ვწერთ # ნიშნის შემდეგ.
  4. დარწმუნდით, რომ შეამოწმეთ კოდი მთლიანობისთვის ჩასმის შემდეგ.

სტანდარტული .htaccess წესების კონფიგურაციის რამდენიმე მაგალითი უკვე აღინიშნა ზემოთ. მაგრამ ჩემი აზრით ეს საკმარისი არ არის, ამიტომ ჩემს მაგალითს მოვიყვან. წესების ეს ნაკრები მუშაობს ამ საიტზე, როგორც ხედავთ, პრობლემები არ არის.

ამავდროულად, შეკუმშვა ხდება ფრენის დროს, საიტი სწრაფად იტვირთება მუხრუჭების გარეშე. ყველაფერი რაც თქვენ უნდა გააკეთოთ არის ჩასვით ეს კოდი თქვენს .htaccess ფაილში. თუ თქვენ გაქვთ საკუთარი სერვერი, მაშინ ვფიქრობ, რომ თქვენ თვითონ იცით ყველაფერი.

ძირითადი აუდიტორიისთვის, გამოყენების ინსტრუქცია:

  1. სერვერზე მივდივართ ნებისმიერი პოპულარული ftp კლიენტით;
  2. გადადით საიტის ძირში (ცნობარი);
  3. .htaccess ფაილი მდებარეობს საიტის მთავარ დირექტორიაში;
  4. ვხსნით ტექსტური რედაქტორით, ზოგადად Sublime Text 3 უკეთესია;
  5. შემდეგ, ფაილის ბოლოს, ჩასვით კოდი, რომელიც ნაჩვენები იქნება ქვემოთ.
  6. გთხოვთ, შეამოწმოთ კოდი, რადგან საიტს აქვს ასლის დაცვა (კოდის ბოლოს შეიძლება იყოს საიტის ბმული).

# ჩართეთ GZIP
ifmodule mod_deflate.c უნდა იყოს ჩასმული ფრჩხილებში "<>"
AddOutputFilterByType DEFLATE ტექსტი/უბრალო
AddOutputFilterByType DEFLATE ტექსტი/ტექსტი
AddOutputFilterByType DEFLATE ტექსტი/html
AddOutputFilterByType DEFLATE ტექსტი/უბრალო
AddOutputFilterByType DEFLATE ტექსტი/xml
AddOutputFilterByType DEFLATE ტექსტი/css
AddOutputFilterByType DEFLATE სურათი/გიფ
AddOutputFilterByType DEFLATE სურათი/jpeg
AddOutputFilterByType DEFLATE სურათი/jpg
AddOutputFilterByType DEFLATE სურათი/png
AddOutputFilterByType DEFLATE სურათი/გიფ
AddOutputFilterByType DEFLATE სურათი/flv
AddOutputFilterByType DEFLATE სურათი/იკო
AddOutputFilterByType DEFLATE სურათი/swf
AddOutputFilterByType DEFLATE აპლიკაცია/rss+xml
AddOutputFilterByType DEFLATE აპლიკაცია/xhtml+xml
AddOutputFilterByType DEFLATE აპლიკაცია/xml
AddOutputFilterByType DEFLATE აპლიკაცია/x-javascript
AddOutputFilterByType DEFLATE აპლიკაცია/javascript
AddOutputFilterByType DEFLATE აპლიკაცია/json
AddOutputFilterByType DEFLATE ვიდეო/3gpp
AddOutputFilterByType DEFLATE ვიდეო/3gpp2
AddOutputFilterByType DEFLATE ვიდეო/x-flv
AddOutputFilterByType DEFLATE ვიდეო/jpm
AddOutputFilterByType DEFLATE ვიდეო/jpeg
AddOutputFilterByType DEFLATE ვიდეო/x-m4v
AddOutputFilterByType DEFLATE ვიდეო/mp4
AddOutputFilterByType DEFLATE ვიდეო/ogg
AddOutputFilterByType DEFLATE ვიდეო/ვებ
AddOutputFilterByType DEFLATE ვიდეო/სწრაფი დრო
AddOutputFilterByType DEFLATE აუდიო/x-mpegurl
AddOutputFilterByType DEFLATE აუდიო/მიდი
AddOutputFilterByType DEFLATE აუდიო/mp3
AddOutputFilterByType DEFLATE აუდიო/mp4
AddOutputFilterByType DEFLATE აუდიო/მპეგ
AddOutputFilterByType DEFLATE აუდიო/ვებ
AddOutputFilterByType DEFLATE აუდიო/ძირითადი
AddOutputFilterByType DEFLATE აუდიო/x-wav
AddOutputFilterByType DEFLATE აუდიო/wav
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
ifmodule mod_gzip.c უნდა იყოს ჩასმული ფრჩხილებში "<>"
mod_gzip_on დიახ
mod_gzip_item_include ფაილი \.js$
mod_gzip_item_include ფაილი \.css$
/ifmodule უნდა იყოს ჩასმული ფრჩხილებში "<>"
/ifmodule უნდა იყოს ჩასმული ფრჩხილებში "<>"

თუ საჭირო ელემენტებს არ ჩასვით ფრჩხილებში, მიიღებთ შეცდომას. თქვენი საიტი უბრალოდ შეწყვეტს მუშაობას და მოგცემთ 500 შიდა სერვერის შეცდომას. ტექსტი "უნდა იყოს ჩასმული ფრჩხილებში "<>" ასევე უნდა ამოღებულ იქნეს კოდიდან. ამის შემდეგ საჭიროა .htaccess ფაილის შენახვა.

ასევე კარგი იდეაა სერვერის გადატვირთვა ახალი წესების ზუსტად გამოსაყენებლად. ყველა ამ მოქმედების შემდეგ, თქვენი საიტი ბევრად უფრო სწრაფად იმუშავებს. გვერდის ჩატვირთვის სიჩქარე მნიშვნელოვნად გაიზრდება.

შეამოწმეთ ვებსაიტის ჩატვირთვის სიჩქარე და Gzip შეკუმშვა

მას შემდეგ რაც ჩავრთეთ სერვერის მხარის შეკუმშვა. თქვენ შეგიძლიათ შეამოწმოთ შესრულებული სამუშაოს წარმატება! ამის გაკეთება შეგიძლიათ რამდენიმე პოპულარული ონლაინ ინსტრუმენტებით. მოდით შევხედოთ მათ:

PageSpeed Insights - მთავარი და ყველაზე პოპულარული ონლაინ ინსტრუმენტი საიტის შესამოწმებლად. Google-ის მიერ 2018 წლის ბოლო ცვლილებების შემდეგ. გთავაზობთ მონაცემთა ვრცელ ჩამონათვალს საიტის დეტალური ანალიზისთვის.

შეიტყვეთ მეტი PageSpeed ​​Insights-ის შესახებ.

Რა შეუძლია:

  1. საიტის სიჩქარის საერთო რეიტინგი;
  2. განსაზღვრავს შინაარსის ჩატვირთვის დროს;
  3. საერთო სიჩქარის ინდექსი და დრო ურთიერთქმედებამდე;
  4. იძლევა რეკომენდაციებს ოპტიმიზაციისთვის;
  5. აჩვენებს დეტალურ ინფორმაციას შესრულების შესახებ;
  6. მიუთითებს ჩართულია თუ არა Gzip შეკუმშვა;
  7. მიუთითებს, ჩართულია თუ არა ჰეშირება;
  8. გთავაზობთ უამრავ ინფორმაციას შეცდომის გამოსწორებისთვის.

PageSpeed დაგეხმარებათ მოაგვაროთ მრავალი ვებსაიტის სიჩქარის პრობლემა. ამ ხელსაწყოს წყალობით, ჩემი საიტის მრავალი შეცდომა გამოსწორდა.

Pingdom Tools ასევე არის ერთ-ერთი პოპულარული ონლაინ ვებსაიტის ანალიზის ინსტრუმენტი. იძლევა საკმარის დეტალურ ინფორმაციას საიტის შეფასების სხვადასხვა კრიტერიუმებზე. ადვილია იპოვოთ ის, რაც ანელებს ჩამოტვირთვის პროცესს.

რა არის pingdom ინსტრუმენტი?

რას მოგცემთ:

  1. საიტის საერთო მუშაობის შეფასება;
  2. მოთხოვნის რაოდენობა საიტის მონაცემთა ბაზაში;
  3. გვერდის ჩატვირთვის სიჩქარე;
  4. შინაარსის ზომა შინაარსის ტიპის მიხედვით;
  5. სერვერის პასუხები 200/301/302/404/503 და სხვა;
  6. ზოგადი მოთხოვნები დომენების მიხედვით;
  7. სიტუაციის გრაფიკული წარმოდგენა და ა.შ.;

იძლევა უამრავ ინფორმაციას საიტის სიჩქარის შესახებ. მაგრამ არ იძლევა დეტალურ ინსტრუქციებს, როგორიცაა Google.

GZIP შეკუმშვის დანამატები WordPress-ისთვის

რაც არ უნდა უცნაური ჩანდეს, მაგრამ WordPress CMS-ზე საიტების მფლობელებს დიდი შეწუხება არ სჭირდებათ. ამის მიზეზი არის პლაგინების მრავალფეროვნება საიტზე შეკუმშვის გასააქტიურებლად. ყველაფერი რაც თქვენ გჭირდებათ არის დააინსტალიროთ თქვენთვის სასურველი მოდული. შემდეგ გაააქტიურეთ და ჩართეთ შეკუმშვა დანამატის პარამეტრებში. მაშინ ის შენთვის ყველა საქმეს გააკეთებს. მე აღვწერ რამდენიმე ყველაზე პოპულარულს.

PageSpeed Ninja არის საუკეთესო შესრულების მოდული WordPress-ისთვის. თქვენ შეგიძლიათ გახადოთ თქვენი ვებსაიტები სწრაფი დესკტოპზე და მობილურ მოწყობილობებზე Google PageSpeed Insights-ის მიერ აღმოჩენილი პრობლემების ერთი დაწკაპუნებით გამოსწორებით. საშუალებას გაძლევთ სწრაფად ჩართოთ შეკუმშვა საიტზე.

გაზარდეთ თქვენი Google PageSpeed-ის ქულა Wordpress-ში.

WP უსწრაფესი ქეში ასევე არის ჰეშირების ერთ-ერთი ყველაზე პოპულარული დანამატი. მას აქვს დიდი რაოდენობით დაჯგუფებული პარამეტრები, რომელთაგან ერთ-ერთი მოიცავს შეკუმშვას.

WP უსწრაფესი ქეში - დანამატი WordPress-ისთვის.

კომეტა ქეში მე თვითონ ვიყენებ ამ დანამატს. ვინაიდან სხვა დანამატებთან ერთად, ის შესანიშნავ შედეგს იძლევა. ასევე მისი ერთ-ერთი პარამეტრი მოიცავს gzip შეკუმშვას.

Comet Cache ქმნის ყველა გვერდის ქეშს.

ზოგადად, Wordpress-ის ყველა ძირითადი ქეშირების დანამატი საშუალებას გაძლევთ ჩართოთ GZIP შეკუმშვა საიტზე. მე გირჩევთ სრულფასოვან მრავალფუნქციურ დანამატებს მინიმალური დატვირთვისთვის.

დასასრულს, მე ვიტყვი შემდეგს: დარწმუნდით, რომ ჩართეთ შეკუმშვა. ეს ძალიან კარგ გავლენას მოახდენს შესრულებაზე და აამაღლებს საიტს ძიებაში. იმედი მაქვს, რომ ეს სტატია დაგეხმარებათ ამაში.

გმადლობთ, რომ კითხულობთ ნიკოლა ტოპს

რამდენად სასარგებლოა პოსტი?

დააწკაპუნეთ სმაილზე შეფასებისთვის!

საშუალო რეიტინგი 5 / 5. შეფასებების რაოდენობა: 52

ჯერ არ არის რეიტინგები. ჯერ შეაფასეთ.

ასევე შეიძლება მოგეწონოთ...

1 პასუხი

  1. Илья ამბობს:

    მაშინვე დავაკოპირე და ჩასვით კოდი, რამაც გამოიწვია შეცდომა 500. ახლა მივხვდი, რა უნდა წავიკითხო ყურადღებით. მე ვხედავ, რომ თქვენ ასევე გაქვთ ასლის დაცვა. და შინაარსის წყალობით შესაფერისია და მუშაობს.

კომენტარის დატოვება

თქვენი ელფოსტის მისამართი გამოქვეყნებული არ იყო. აუცილებელი ველები მონიშნულია *

ორი × 5 =