როგორ შემცირდეს HTML, CSS და JavaScript გამოყენებით მოდული ავტომატიზაციის გამოყენებით

04.06.2020
יוסט 'როგორ შემცირდეს HTML, CSS და JavaScript გამოყენებით მოდული ავტომატიზაციის გამოყენებით
0 24 мин.

Google და სხვა საძიებო სისტემები თქვენს ვებ – გვერდს მნიშვნელობას ანიჭებენ, თუ ის სწრაფად იტვირთება. იმის გამო, რომ არცერთ მნახველს არა აქვს ბევრი პაციენტი, რომ დაელოდოს დიდხანს თქვენი შინაარსის სანახავად და თქვენ მხოლოდ 1,5 წამი გაქვთ საჭირო, რომ მიიპყროთ მათი ყურადღება. თუ თქვენს საიტს დიდხანს სჭირდება გახსნა, ჩვეულებრივ კარგავს თქვენს მაყურებელს. ამრიგად, ეს აუცილებელია თქვენი ვებსაიტის დაჩქარებისთვის. რამდენიმე გზა შეგიძლიათ თქვენი საიტის ოპტიმიზაცია. მაგრამ ერთ-ერთი ყველაზე მნიშვნელოვანი ნაწილია HTML, CSS და JavaScript შემცირება.


თუ თქვენ ოდესმე გააკეთეთ სიჩქარის ტესტი Google PageSpeed ან GTmetrix, თქვენ ალბათ ნახავთ ამ ვარიანტს.

ყველა ვებსაიტზე უამრავი ფაილი იტვირთება HTML, CSS და JavaScript. ფაილების უმეტესი ნაწილი მოიცავს უამრავ ადგილს, კომენტარს, ბლოკ დელიმიტერებს და ა.შ., ასე რომ, მნიშვნელოვნად საჭიროებს დამატებით დროს სწორად ჩატვირთვას.

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

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

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

სანამ Minify და შემდეგ Minify

ისინი გამოიყენება კოდში კითხვადობის დასამატებლად, მაგრამ მისი შესრულება საჭირო არ არის. ამ გზით იგი ამცირებს იმ კოდის რაოდენობას, რომელიც უნდა გადავიდეს ქსელში და შეინახავს თქვენს სიჩქარეს. ასე რომ HTML, CSS და JavaScript მინიმიზაცია, თქვენ შეგიძლიათ მარტივად ამოიღოთ ეს ზედმეტი სიმბოლოები თქვენი საიტიდან და მნიშვნელოვნად მომატება თქვენი საიტის სიჩქარე. 

როგორ შემცირდეს HTML, CSS და JavaScript

არსებობს ორი გზა, რომლის შემცირებაც შეგიძლიათ HTML, CSS & JavaScript. ან შეგიძლიათ გააკეთოთ თქვენი თემის კოდის რედაქტირებით, ან შეგიძლიათ გამოიყენოთ WordPress მოდული, ე.წ. ავტომატიზაცია. ამ სტატიაში ჩვენ გაჩვენებთ ორივე პროცესს როგორ შემცირდეს HTML, CSS და JavaScript.

რომ იცოდეთ HTML, CSS ან JavaScript ფაილის ზუსტი ფაილი, თქვენ უნდა შეამოწმოთ იგი ნებისმიერი საიტის სიჩქარის ტესტის ინსტრუმენტზე, როგორიცაა Google PageSpeed ​​ინსტრუმენტი ან GTmetrix. რადგან ყველა თქვენი ფაილი არ შეიცავს ამ ტიპის არასაჭირო სიმბოლოებს.

თქვენი საიტის შედეგის შემოწმების შემდეგ, თქვენ მიიღებთ მას. ქვემოთ მოცემულია ჩემი საიტის სურათი, რომელიც განიხილავს აფიქსირებს CSS და JavaScript.

შემცირება CSS, JavaScript

ეს იცავს თქვენი თემის ხარისხს. ასე რომ, არაფერი ინერვიულოთ, თუ ხედავთ, რომ ორივე ითქვა Minify და სჯობს Premium თემის მიღებას.

არსებობს რამდენიმე ონლაინ ინსტრუმენტი, რომლითაც შეგიძლიათ მინიმუმამდე დაიყვანოთ HTML, CSS და JavaScript კოდი. 

სანამ რაიმე ცვლილებას შეასრულებთ, აიღეთ სარეზერვო ფაილი.

# 1 მინიმიზაციის კოდი:

შემცირების კოდი ინსტრუმენტი

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

ამ ინსტრუმენტთან ერთად შეგიძლიათ შეამციროთ თქვენი CSS და JavaScript კოდი, როგორიცაა HTML კოდი.

# 2 ვილიპავი:

ვილიპავი

Willpeavy კიდევ ერთი შესანიშნავი საშუალებაა HTML შემცირება კოდი. ეს ინსტრუმენტი მუშაობს ისე, როგორც მოქმედებს minify კოდი. ეს ამცირებს HTML- ს და თქვენს მარკირებაში შედის ნებისმიერ CSS ან JS. ამ ინსტრუმენტის გამოსაყენებლად, თქვენ უბრალოდ უნდა დააკოპიროთ თქვენი კოდი აქ და დააჭიროთ Minify.

ავტომატიზებული დანამატის მინიმიზაცია

ავტომატიზაცია

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

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

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

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

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

HTML პარამეტრების ავტომატიზირება

იმ JavaScript სექცია, ჩართეთ “JavaScript კოდის ოპტიმიზაცია”. თქვენ ასევე შეგიძლიათ ჩართოთ “Force JavaScript in” ჩატვირთვა JS ადრეულ ეტაპზე და შეამციროთ შეცდომები JS. იმ შემთხვევაში, თუ თქვენი JS არღვევს სკრიპტებს, მაშინ შეგიძლიათ ჩართოთ “სცადეთ დაჭერა შეფუთვა”.
JavaScript- ის პარამეტრების ავტომატიზაცია

ინ CSS განყოფილება, ჩართეთ “CSS კოდის ოპტიმიზაცია”, “ასევე ინტეგრირებული ინტეგრირებული CSS”. თქვენ ასევე შეგიძლიათ ჩართოთ “Inline და Defer CSS”, თუ Minimal CSS გაქვთ. სცადეთ ეს ინსტრუმენტი, რომ შემცირდეს თქვენი CSS და ჩასვით იგი ყუთში.

CSS პარამეტრების ავტომატიზაცია

Შეიყვანე შენი CDN URL “CDN ბაზის URL” ველში. მაგალითად, ‘//cdn.example.com/”.

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

CDN პარამეტრების ავტომატიზაცია

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

დასკვნა

HTML, CSS შემცირება და ჯ.ს. მომგებიანია თქვენი საიტისთვის. ის აშორებს თქვენი კოდის არასაჭირო სიმბოლოებს და მათ უფრო მცირე ზომის გახდის, რაც ბრაუზერის მეგობრულია. ამ გზით შეგიძლიათ გააუმჯობესოთ თქვენი საიტის დატვირთვის სიჩქარე.

თუ ეს სახელმძღვანელო დაგეხმარებათ HTML, CSS და JavaScript– ის მინიმიზაციაში, გთხოვთ, გააზიაროთ ეს სტატია ფეისბუქი, ტვიტერი, Google+.

დაკავშირებული სტატიები,

  • როგორ გამოვიყენოთ ბრაუზერის ქეშირება WordPress- ზე
  • როგორ ოპტიმიზაცია WordPress მონაცემთა ბაზაში WP-Sweep გამოყენებით
  • 7 საუკეთესო გამოსახულების ოპტიმიზატორი WordPress 2017-ისთვის
  • როგორ მარტივად ჩართოთ Gzip შეკუმშვა WordPress- ში უფრო სწრაფად დატვირთვისთვის
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector