როგორ ამოიღოთ გამოუყენებელი CSS და JS WordPress-ში (ძალიან მარტივია)
ბევრი გამოუყენებელი CSS-ის არსებობამ შეიძლება შეანელოს თქვენი საიტი. თუ თქვენ შეამოწმებთ თქვენს ვებსაიტს Google PageSpeed insight-ით, შესაძლოა მიიღოთ გაფრთხილება გამოუყენებელი CSS-ის წაშლის შესახებ. ამის გაკეთების მარტივი გზა არსებობს კოდირებისა და ტექნიკური მახასიათებლების გარეშე.
ვებსაიტზე დიდი რაოდენობით გამოუყენებელი CSS და JS კოდის არსებობამ შეიძლება შეამციროს მისი ჩატვირთვის დრო. თუ თქვენს ვებსაიტს სიჩქარის ტესტირების ისეთი ინსტრუმენტებით მართავთ , როგორიცაა Google PageSpeed Insight , შეიძლება მიიღოთ გაფრთხილება გამოუყენებელი CSS კოდის წაშლის შესახებ.
საბედნიეროდ, ამის გაკეთების ძალიან მარტივი გზა არსებობს. თქვენ არ გჭირდებათ რაიმე სპეციალური ტექნიკური ცოდნა, რომ შეძლოთ გამოუყენებელი CSS და JS წაშალოთ თქვენი WordPress საიტიდან.
ეს განპირობებულია საოცარი დანამატით, რომელიც ცნობილია როგორც Asset CleanUp: Page Speed Booster . ამ დანამატით გამოუყენებელი CSS-ის წაშლა ისეთივე მარტივია, როგორც რამდენიმე ღილაკზე დაწკაპუნება. ალტერნატიულად, თუ არ გეწყინებათ წელიწადში რამდენიმე დოლარის დახარჯვა, WP Rocket- ში არის წაშლილი გამოუყენებელი CSS ღილაკი, უბრალოდ გაააქტიურეთ ის და დანამატი ავტომატურად წაშლის ყველა გამოუყენებელ CSS-ს.
შეკვეთის გაფორმება: ტოპ 7 მართული Google Cloud WordPress ჰოსტინგი
რა არის გამოუყენებელი CSS?
გამოუყენებელი CSS არის CSS ფაილი, რომელიც იმყოფება გვერდზე, მაგრამ ძირითადად არ არის საჭირო გვერდის ჩატვირთვისთვის. როდესაც ვიზიტორი ხსნის ვებსაიტს, ბრაუზერმა, როგორც წესი, უნდა ჩამოტვირთოს, გააანალიზოს და დაამუშავოს ყველა გარე სტილის ცხრილი მონახულებულ გვერდზე, სანამ მას შეუძლია გვერდის შინაარსის ჩვენება ვიზიტორზე. თუ რაიმე CSS არსებობს ასეთ გვერდზე, რომელიც არ გამოიყენება გვერდზე, ბრაუზერი დაკარგავს დროს მასზე.
ამის კლასიკური მაგალითია საკონტაქტო ფორმის დანამატების უმეტესობა, რომლებიც გამოიყენება. ეს დანამატები, თუმცა ძირითადად გამოიყენება მხოლოდ ჩვენთან კონტაქტის გვერდზე, იტვირთება მისი CSS მთელ ვებსაიტზე. არ აქვს მნიშვნელობა, არის თუ არა მთავარი გვერდი, სადაც ის არ გამოიყენება, CSS ჩაიტვირთება.
თუ არის ძალიან ბევრი CSS, რომელიც არ არის საჭირო, მაგრამ იტვირთება და ანელებს ბრაუზერის დროს წაკითხვისა და გვერდის ჩვენებისას, ეს შეიძლება გახდეს პრობლემა.
მოდულების გარდა, თემის შემქმნელები ბევრ რამეს წერენ style.css-ში, რაც ძირითადად არ არის საჭირო. მაგრამ საჭიროა თუ არა, ისინი იტვირთება, როდესაც თქვენი საიტი იტვირთება!
ერთი გამოუყენებელი CSS შეიძლება არ იყოს პრობლემა, მაგრამ ბევრმა გამოუყენებელმა CSS-მა შეიძლება გავლენა მოახდინოს თქვენი ვებსაიტის დატვირთვის დროზე.
გადახდა: ტოპ 10 ყველაზე სწრაფი და საუკეთესო WordPress თემა
როგორ ამოვიცნოთ გამოუყენებელი CSS
გამოუყენებელი CSS და JS-ის პოვნა ძალიან მარტივი საქმეა. არსებობს ორი მიდგომა, რომელსაც მე გირჩევთ.
ერთი არის თქვენი ვებსაიტის ანალიზი Google PageSpeed Insight-ის მეშვეობით. შეამოწმეთ, აქვს თუ არა თქვენს ვებსაიტს გამოუყენებელი CSS პრობლემა. დააწკაპუნეთ მასზე და თქვენ შეძლებთ დაადგინოთ თქვენი საიტის ის კომპონენტი, რომელიც პასუხისმგებელია მასზე.
ზემოდან ხედავთ, რომ დაფიქსირებულია გამოუყენებელი CSS-ის ერთი შემთხვევა. მე შემიძლია ვნახო გამოუყენებელი CSS-ის დანამატი და მდებარეობა ამის ნახვით.
მეორე ვარიანტი უფრო დეტალური ანალიზის მიღებაა. ამის მიღწევა შეგიძლიათ Chrome Dev ინსტრუმენტების გამოყენებით.
თქვენს Chrome ბრაუზერში გახსენით Chrome Dev ინსტრუმენტები, შემდეგ გადადით დაფარვის ზონაში. შემდეგ დააჭირეთ გადატვირთვის ღილაკს დაფარვის ზონაში. ამის გაკეთების ყოვლისმომცველი სახელმძღვანელო შეგიძლიათ იპოვოთ Google Developers Tool-ში.
მეორე ვარიანტია jitbit-ის გამოყენება გამოუყენებელი CSS სელექტორების სკანირებისთვის . ასევე შეგიძლიათ გამოიყენოთ PurifyCSS გამოუყენებელი CSS-ის მოსაძებნად.
როგორ ამოიღოთ გამოუყენებელი CSS
მიჰყევით ამ ნაბიჯებს, რომ ამოიღოთ გამოუყენებელი CSS WordPress-იდან:
1. დააინსტალირეთ Asset CleanUp
გადადით დანამატზე, შემდეგ დაამატეთ ახალი. შემდეგ ჩაწერეთ „Asset CleanUp“ საძიებო ველში ახალი მოდულის გვერდის დამატება. დააინსტალირეთ და გააქტიურეთ დანამატი.
2. გადადით დანამატის პარამეტრებზე
მოდულის პარამეტრებზე წვდომისთვის, WordPress-ის დაფიდან დააწკაპუნეთ პარამეტრებზე, შემდეგ დააჭირეთ Asset CleanUp-ს.
3. განტვირთეთ არასასურველი CSS და JS
დანამატის პარამეტრებზე შეიძლება დაგჭირდეთ დაეთანხმოთ, რომ თქვენ იცით, როგორ მუშაობს დანამატი ცხიმის ამოღების ონკანის ქვეშ, სანამ დაიწყებთ.
CSS და JS-ის განტვირთვისთვის დააწკაპუნეთ CSS და JSS მენეჯერზე. იქიდან შეგიძლიათ წაშალოთ ნებისმიერი CSS და JS, რომელიც არ გჭირდებათ. თქვენ შეგიძლიათ წაშალოთ ის მხოლოდ საწყისი გვერდისთვის, მთელი საიტისთვის ან კონკრეტული URL-ისთვის. თქვენ ასევე შეგიძლიათ წაშალოთ პოსტებისთვის, გვერდებისთვის ან კატეგორიებისთვის.
მაგალითია ნებისმიერი საკონტაქტო ფორმის გადმოტვირთვა მთელი საიტისთვის, გარდა ჩვენთან კონტაქტის გვერდისა
დაუთმეთ დრო და ჩამოტვირთეთ ყველა CSS და JS, რომელიც იცით, რომ არ არის საჭირო. დარწმუნდით, რომ შეამოწმეთ თქვენი საიტი დასრულების შემდეგ, რათა დარწმუნდეთ, რომ ყველაფერი კარგად არის.
წაშალეთ გამოუყენებელი CSS WordPress დანამატები
აქ მოცემულია რამდენიმე დანამატი, რომელიც შეგიძლიათ გამოიყენოთ WordpPress-ში გამოუყენებელი CSS-ის მოსაშორებლად:
1. Asset CleanUp: გვერდის სიჩქარის გამაძლიერებელი
Asset CleanUp: Page Speed Booster აადვილებს გამოუყენებელი CSS-ისა და JSin WordPress-ის წაშლას დამწყებთათვისაც კი. თქვენ მხოლოდ კონკრეტული CSS-ის დეაქტივაცია გჭირდებათ, რომელიც კონკრეტული გვერდისთვის არ არის საჭირო.
თქვენ ასევე შეგიძლიათ გამორთოთ ცალკეული პოსტებისთვის. პრემიუმ ვერსიით შეგიძლიათ გამოუყენოთ გამოუყენებელი CSS/JS დანამატებით.
ეს მოდული არის სრული შესრულების მოდული მრავალი სხვა ვარიანტით WordPress-ის დაჩქარების მიზნით. გამოუყენებელი CSS/JS-ის ამოღება მხოლოდ მისი ნაწილია.
ამ პოსტში მე გამოვიყენე ეს მოდული აქვს სახელმძღვანელო.
2. WP სარაკეტო
WP Rocket არის WordPress-ის ნომერ პირველი პრემიუმ პლაგინი. თუ თქვენ ახალბედა ხართ, ანუ თუ WordPress-თან გამოცდილება არ გაქვთ ან არ გრძნობთ თავს კომფორტულად, მაშინ WP Rocket გამოუყენებელი CSS-ის წაშლის უმარტივესი გზაა.
თქვენ უნდა შეიძინოთ მოდული, როგორც კი ამას გააკეთებთ, შეგიძლიათ გადმოწეროთ თქვენი ანგარიშიდან ან შეამოწმოთ თქვენი ელფოსტა ჩამოტვირთვის ბმულისთვის.
დააინსტალირეთ დანამატი Dashboard-ის მეშვეობით>plugins>Add new>Upload.
უბრალოდ გადადით WP Rocket-ის პარამეტრებზე, შემდეგ დააწკაპუნეთ ჩანართზე „ფაილის ოპტიმიზაცია“. შემდეგ გადაახვიეთ ქვემოთ და დაინახავთ „წაშლა გამოუყენებელი CSS“, მონიშნეთ ყუთი, შეინახეთ და გაასუფთავეთ ქეში.
3. Perfmatters
Perfmatters არის პრემიუმ დანამატი, რომელიც შემუშავებულია ბრაიან ჯექსონის და მისი ძმის, ბრეტ ჯექსონის მიერ. ეს დანამატი დაგეხმარებათ გამოუყენებელი CSS-ის მარტივად წაშლაში.
პირველ რიგში, თქვენ უნდა შეიძინოთ მოდული. შემდეგ დააინსტალირეთ. ლიცენზიის გააქტიურება. როდესაც გადახვალთ პარამეტრებზე, ჩართეთ სკრიპტის მენეჯერი.
უბრალოდ გადადით ნებისმიერ გვერდზე ან გამოაქვეყნეთ თქვენს ვებსაიტზე, დაინახავთ სკრიპტის მენეჯერის ხატულას დაფის მენიუში, დააწკაპუნეთ მასზე. თქვენ შეძლებთ ამოიღოთ გამოუყენებელი CSS და JS გვერდიდან ან გლობალურად.
ეს მოდული არის შესრულების მოდული, გააჩნია მრავალი სხვა ვარიანტი WordPress-ის დასაჩქარებლად. გამოუყენებელი CSS/JS-ის ამოღება მისი ნაწილია.
4. CSS JS მენეჯერი
CSS JS Manager-ს შეუძლია კონკრეტულად წაშალოს CSS ან JS მობილურიდან ან დესკტოპიდან. ეს დამოკიდებულია იმაზე, თუ რისი მიღწევა გსურთ.
ამ დანამატს ასევე შეუძლია გადადოს CSS ან JS ფაილების ჩატვირთვა.
დასკვნა
თუ თქვენ გაქვთ ბევრი გამოუყენებელი CSS და JS, შეამჩნევთ სიჩქარისა და შესრულების ქულების დიდ გაუმჯობესებას.
შესაძლოა, ყველა გამოუყენებელი CSS-ის წაშლა შეუძლებელი იყოს, მაგრამ მათი მინიმუმამდე დაყვანა შეგიძლიათ. მე ვიყენებ Asset CleanUp-ს TargetTrend- ისთვის გამოუყენებელი CSS-ის წასაშლელად.
გახსოვდეთ, ოპტიმიზაცია მოახდინეთ, მაგრამ ზედმეტად ნუ იქნებით ამით შეპყრობილი, თუ არ გსურთ, რომ თქვენი საიტი მსოფლიოში ყველაზე სწრაფ ვებსაიტს დაემსგავსოს.
ასევე წაიკითხეთ:
როგორ აღმოფხვრა რენდერის დაბლოკვის რესურსები WordPress-ში
დაკავშირებული სტატიები
