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

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

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

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

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

ამ სტატიაში თქვენ შეისწავლით თუ როგორ ამოიღოთ რენდერის დაბლოკვის რესურსები მარტივად.

რა არის რენდერ-ბლოკირების რესურსები?

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

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

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

მაშ ასე, რასაც Google გულისხმობს „რენდერის დაბლოკვის რესურსების აღმოფხვრაში“ არის ის, რომ თქვენ ამოიღებთ არასაჭირო რესურსებს თქვენი ვებსაიტის ზემოდან, რადგან ეს ანელებს ვებსაიტის შინაარსის ჩატვირთვას.

როგორ მოვძებნოთ რენდერის დაბლოკვის რესურსები

სანამ გადაწყვეტთ რენდერის დაბლოკვის პრობლემას, უნდა იცოდეთ საიდან მოდის ის. თქვენ შეგიძლიათ გაიგოთ, რომელი რესურსები ბლოკავს რენდერს ტესტის გაშვებით Google PageSpeed ​​Insight or ვებ.გაზომვა.

თქვენ შეგიძლიათ მიჰყვეთ ქვემოთ მოცემულ ნაბიჯებს, რათა იპოვოთ რენდერის დაბლოკვის რესურსები:

1. ვიზიტი Google PageSpeed ​​Insight

2. შეიყვანეთ თქვენი ვებსაიტის მისამართი და დააჭირეთ ანალიზი

3. გადადით ქვემოთ და დააკვირდით რენდერის დაბლოკვის რესურსების გაფრთხილებას.

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

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

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

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

შენიშვნა: არ უნდა იყოთ შეპყრობილი PageSpeed ​​insight-ის 100-ის მიღებაზე. ეს მხოლოდ სახელმძღვანელოა. ჩვეულებრივ, საშუალო ქულა 65-დან 80-მდე კარგია ადამიანების უმეტესობისთვის. არ წაშალოთ ფაილები, რომლებიც აუცილებელია თქვენი ბიზნესისთვის.

WordPress-ის კარგი ის არის, რომ თქვენ არ გჭირდებათ ყველაფრის ხელით გაკეთება. არსებობს რამდენიმე კარგად კოდირებული დანამატი დასახმარებლად.

როგორ მოვაგვაროთ რენდერის დაბლოკვის რესურსების პრობლემა WordPress-ში

მიჰყევით ამ ნაბიჯებს რენდერის დაბლოკვის რესურსების პრობლემის აღმოსაფხვრელად:

1. დააინსტალირეთ და გაააქტიურეთ Autoptimize

არსებობს მრავალი WordPress დანამატი, რომელსაც შეუძლია ამის გაკეთება, მაგალითად W3 total cache, WP Rocket და ა.შ. თუმცა, ბევრ ვებსაიტთან მუშაობის ჩემი გამოცდილებიდან გამომდინარე, Autoptimize ყოველთვის ბევრად უკეთესად უმკლავდება ამ პრობლემას, ვიდრე რომელიმე მათგანი. საოცარი ის არის, რომ Autoptimize თავსებადია WordPress-ის თითქმის ყველა ქეშირების დანამატთან და ის უფასოა.

გადადით WordPress დანამატის დირექტორიაში დააინსტალირეთ და გაააქტიურეთ Autoptimize

2. ეწვიეთ Autoptimize-ის პარამეტრებს

თუ ოდესმე დაგჭირდებათ სად იპოვოთ Autoptimize პარამეტრები, თქვენს WordPress-ის დაფაზე დააწკაპუნეთ პარამეტრებზე, შემდეგ დააწკაპუნეთ Autoptimize-ზე.

3. JavaScript-ის ოპტიმიზაცია

JavaScript ოფციების ქვეშ აირჩიეთ Optimize Script კოდი და ასევე აირჩიეთ ჯამური JS-ფაილები. თქვენ შეგიძლიათ იპოვოთ პარამეტრები, რომლებსაც ვიყენებ BloggingTools-ისთვის ქვემოთ.

4. CSS-ის ოპტიმიზაცია

CSS-ის ოპტიმიზების ოფციების ქვეშ აირჩიეთ CSS კოდის ოპტიმიზაცია. ასევე აირჩიეთ CSS-ფაილების აგრეგატი და „ასევე შეაგროვეთ inline CSS“. იხილეთ ოფციები, რომლებსაც ვიყენებ BloggingTools-ისთვის ქვემოთ.

5. HTML-ის ოპტიმიზაცია

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

6. შეამოწმეთ სხვადასხვა პარამეტრები

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

7. შეინახეთ და დააცალეთ ქეში.

შემდეგი, უბრალოდ დააჭირეთ Save და ცარიელი ქეში. სულ ეს არის!

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

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

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

დასკვნა

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

თუ ამის შემდეგ თქვენი ვებსაიტი კვლავ ძალიან ნელია. სამი ყველაზე სავარაუდო პრობლემა შეიძლება იყოს ის, რომ თქვენი თემა ან ვებ ჰოსტი ცუდია, ან ცუდი დანამატები გაქვთ დაინსტალირებული. ვურჩევ კაუდვეიები როგორც საუკეთესო ვებ მასპინძელი და გენერირებადი როგორც საუკეთესო თემა. თუ დამწყები ხართ, Bluehost შეუძლია, მაგრამ თუ ამის საშუალება გაქვთ, Cloudways საუკეთესოა. შეგიძლიათ უფასოდ დაიწყოთ. მე ვიყენებ GeneratePress-ს და Coudways-ს TargetTrend-ისთვის

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

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

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

როგორ გამოვიმუშავოთ ფულის ბლოგინგი

როგორ დავიწყოთ წაკითხვა