როგორ ამოიღოთ გამოუყენებელი CSS და JS WordPress-ში (ძალიან მარტივია)

თქვენს ვებსაიტზე ბევრი გამოუყენებელი CSS და JS შეიძლება ზიანი მიაყენოს თქვენი ვებსაიტის დატვირთვის დროს. თუ თქვენ მართავთ თქვენს ვებსაიტს ა სიჩქარის ტესტირების ხელსაწყოები როგორიცაა Google PageSpeed ​​Insight, შესაძლოა მიიღოთ გაფრთხილება გამოუყენებელი CSS-ის წაშლის შესახებ.

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

ეს არის საოცარი მოდულის გამო, რომელიც ცნობილია როგორც აქტივების გასუფთავება: გვერდის სიჩქარის გამაძლიერებელი. ამ მოდულით გამოუყენებელი 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 ხელსაწყოში.

მეორე ვარიანტი არის გამოყენება 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: გვერდის სიჩქარის გამაძლიერებელი

აქტივების გასუფთავება: გვერდის სიჩქარის გამაძლიერებელი აადვილებს გამოუყენებელი CSS და JSin WordPress ამოღებას დამწყებთათვისაც კი. ყველაფერი რაც თქვენ უნდა გააკეთოთ არის გამორთოთ კონკრეტული CSS, რომელიც არ არის საჭირო კონკრეტული გვერდისთვის.

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

ეს მოდული არის სრული შესრულების მოდული მრავალი სხვა ვარიანტით WordPress-ის დაჩქარების მიზნით. გამოუყენებელი CSS/JS-ის ამოღება მხოლოდ მისი ნაწილია.

ამ პოსტში მე გამოვიყენე ეს მოდული აქვს სახელმძღვანელო.

2. WP სარაკეტო

WP Rocket არის ნომერ პირველი WordPress პრემიუმ შესრულების მოდული. თუ თქვენ ხართ noob, ვგულისხმობ, თუ არ ხართ გამოცდილი ან კომფორტული 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 მენეჯერი შეუძლია კონკრეტულად წაშალოს CSS ან JS მობილურიდან ან დესკტოპიდან. იმის მიხედვით, რისი მიღწევა გსურთ.

ამ დანამატს ასევე შეუძლია გადადოს CSS ან JS ფაილების ჩატვირთვა.

დასკვნა

თუ თქვენ გაქვთ ბევრი გამოუყენებელი CSS და JS, შეამჩნევთ სიჩქარისა და შესრულების ქულების დიდ გაუმჯობესებას.

შეიძლება შეუძლებელი იყოს ყველა გამოუყენებელი CSS-ის ამოღება, მაგრამ შეგიძლიათ მინიმუმამდე მიიყვანოთ ისინი. მე ვიყენებ Asset CleanUp-ს გამოუყენებელი CSS-ის ამოსაღებად TargetTrend.

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

ასევე წაიკითხეთ:

როგორ აღმოფხვრა რენდერის დაბლოკვის რესურსები WordPress-ში

როგორ გავაკეთოთ WordPress ძალიან სწრაფად

როგორ მიიყვანოთ ტრეფიკი თქვენს ბლოგზე