როგორ Lazy დატვირთვის სურათები + ვიდეოები WordPress- ში (და შეცვალეთ YouTube iFrames ერთად წინასწარი სურათი) უკეთესი GTmetrix შედეგების მისაღებად

რა არის ამის საუკეთესო საშუალება ზარმაცი დატვირთვის სურათები და ვიდეო WordPress- ში?


ეს დამოკიდებულია იმაზე, თუ თქვენ იყენებთ ქეშების მოდულს, რომელიც მხარს უჭერს ზარმაცი დატვირთვას (WP Rocket, W3 Total Cache, Swift, LiteSpeed ​​Cache). თუ თქვენი ქეშის მოდული მხარს უჭერს ზარმაცი დატვირთვის სურათებს და ვიდეოებს, უმჯობესია გამოიყენოთ ეს, რომ არ გამოიყენოთ დამატებითი მოდულის დაყენება. მაგრამ თუ თქვენი ქეშინის მოდული ხელს არ უწყობს ზარმაცი დატვირთვას, გირჩევთ გამოიყენოთ ის, ვინც აკეთებს (განსაკუთრებით WP Rocket), წინააღმდეგ შემთხვევაში მე ჩამოვთვალეთ ალტერნატიული ზარმაცი დატვირთვის დანამატები ქვემოთ, რომლითაც შეგიძლიათ ინდივიდუალურად დააინსტალიროთ.

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

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

თუ თქვენ Lazy დატვირთეთ სურათები და ვიდეო?
მე არ ვარ ზარმაცი დატვირთვის სურათები, რადგან მუდმივად სურათების დატვირთვა, როდესაც გვერდზე გადახვევით, მომხმარებლებისთვის შეიძლება იყოს შემაშფოთებელი. ამასთან, ჩემი ყველა სურათი GTmetrix– ში 100% –ით ოპტიმიზირებულია. მე ვაკეთებ ზარმაცი დატვირთვის ვიდეოებს და ვანთებ iframe- ს წინასწარ გადაღებულ სურათს. იმის გამო, რომ თითოეულ ჩაშენებულ ვიდეოს შეუძლია 2 წამი დასჭირდეს დატვირთვას (ბევრად უფრო მძიმეა, ვიდრე სურათი), საგრძნობლად დატვირთული ვიდეოს სარგებლობა მნიშვნელოვანია.

Contents

1. WP სარაკეტო

WP Rocket არის ჩემი # 1 არჩევანი ზარმაცი დატვირთვისთვის და იყო # 1 ქეში მოდული ფეისბუქის გამოკითხვებში.

იმის გამო, რომ მას უკვე აქვს ჩამონტაჟებული დატვირთული დატვირთვა, ეს ნიშნავს, რომ არ გჭირდებათ დამატებითი მოდულის დაყენება. ეს არის WP Rocket- ის მთელი სარგებელი; ის უფრო მეტ მახასიათებელს შეიცავს, ვიდრე თითქმის ყველა სხვა ქეშინის მოდული (შედეგად დატვირთვის უკეთესი დრო და GTmetrix ქულა), თქვენს ვებგვერდზე კიდევ უფრო ნაკლები მოდული. WP Rocket– ს აქვს ფართო დოკუმენტაცია ზარმაცი დატვირთვის შესახებ და WP სარაკეტო პარამეტრების კონფიგურაცია.

WP სარაკეტო

როგორ ჩართოთ Lazy დატვირთვა WP სარაკეტოში
WP Rocket- ში ზარმაცი დატვირთვის შესაქმნელად, გადადით პარამეტრები > WP სარაკეტო > მედია > LazyLoad. შეგიძლიათ ჩართოთ ეს სურათებისთვის, iframes და ვიდეოებისთვის და შეცვალოთ YouTube iframes– ის წინასწარი გადახედვის შედეგად.

Lazy Load Images WP სარაკეტო

2. SG ოპტიმიზატორი

საიტის გარშემო დაინერგა ზარმაცი დატვირთვა მათ დიდ განახლებაში SG ოპტიმიზატორი.

რა თქმა უნდა, თქვენ უნდა იყოთ SiteGround მომხმარებელი, რომ გამოიყენოთ ეს მოდული (რასაც მე გავაკეთებ საერთო ჰოსტინგისთვის იმის გათვალისწინებით, რომ მათ 20-ზე მეტი გამოკითხვაში შეაფასეს # 1 მასპინძელი). SG Optimizer შედარებულია WP Rocket- სთან, მაგრამ მას თითქმის იგივე თვისებები არ აქვს. ასე რომ, თუ თქვენ იყენებთ SiteGround- ს თქვენი მასპინძლისთვის, მე ისევ WP Rocket- ს ვურჩევდი მათ SG Optimizer- ს.

SiteGround SG ოპტიმიზატორი

როგორ გავააქტიუროთ Lazy დატვირთვა SG Optimizer– ში
SG Optimizer- ში ზარმაცი დატვირთვის შესაქმნელად, გადადით პარამეტრები > SG ოპტიმიზატორი > საიტის ნაგულისხმევი > გამოსახულების ოპტიმიზაცია. თქვენ შეგიძლიათ ზარმაცი დატვირთვის სურათები, გრავიატორები, მინიატურები, საპასუხო სურათები და ვიჯეტები. თუ თქვენს ბლოგზე შენიშვნები გაქვთ, გრავიტარების ზარმაცი ატვირთვა შეიძლება ძალიან დაეხმაროს.

SG Optimizer Lazy იტვირთება

3. W3 სულ ქეში

თუ თქვენ უკვე იყენებთ W3 Total Cache- ს, მათ ასევე აქვთ ზარმაცი დატვირთვის ვარიანტი.

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

W3 სულ ქეშიანი მოდული

როგორ ჩართოთ Lazy დატვირთვა W3 სულ ქეში
W3 Total Cache- ში დატვირთვის გასააქტიურებლად გადადით პარამეტრები > ძირითადი პარამეტრები > Მომხმარებლის გამოცდილება > ზარმაცი დატვირთვა. ჩართეთ ეს, შემდეგ გადადით მომხმარებლის გამოცდილებაზე > ზარმაცი დატვირთვა. შეარჩიეთ HTML გამოსახულების ტეგების, ფონის სურათების დამუშავება, სიტყვების გამორიცხვა და სკრიპტის ჩანართის მეთოდი.

W3 სულ ქეში ზარმაცი იტვირთება

4. Litespeed Cache

Litepseed ქეში არის ზარმაცი დატვირთვა ასევე შეასრულებს საქმეს (Litespeed კარგად არის განხილული ქეში მოდული).

LiteSpeed ​​Cache მოდული

როგორ ჩართოთ Lazy დატვირთვა LiteSpeed ​​Cache- ში
LiteSpeed ​​Cache- ში დატვირთვის გასააქტიურებლად გადადით LiteSpeed ​​Cache > პარამეტრები > მედია > მედიის პარამეტრები. აქ შეგიძლიათ ჩართოთ ზარმაცი დატვირთვის სურათები, iframes, გამორიცხოთ სურათები, ავტომატურად მოითხოვოთ ოპტიმიზაცია სამუშაოების საშუალებით, შეიტანეთ Javascript– ის ბიბლიოთეკა ხაზგარეშე და სხვა პარამეტრების გადართვა..

Lazy Load Images Videos Litespeed Cache

5. სწრაფი შესრულება

სწრაფი შესრულება არის კიდევ ერთი ქეში დანამატი, რომელიც მხარს უჭერს ზარმაცი დატვირთვას. Swift- მა შესანიშნავი მიმოხილვები მიიღო WordPress Speed ​​Up Facebook Group- ში, მაგრამ WordPress მოდული plugin- ის გვერდზე მიმოხილვები მხოლოდ 4 ვარსკვლავს შეადგენს. მე არ მიცდია Swift Performance; მე მშვენივრად ბედნიერი ვარ WP Rocket- ით.

Swift Performance Lite მოდული

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

Lazy Load Images სწრაფი შესრულება

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

Autoptimize ხშირად გამოიყენება მასპინძლებთან, როგორიცაა GoDaddy და WP Engine, სადაც მათ აქვთ საკუთარი ჩამონტაჟებული ქეშირების სისტემა და შავი სიის ქეში დანამატები. ამ შემთხვევაში (ვინაიდან თქვენ გსურთ იზრუნოთ სხვა სიჩქარის ოპტიმიზაციაზე), Autoptimize, როგორც წესი, ამისთვის არის მოდული. ერთ-ერთი ეს მრავალი მახასიათებელია ზარმაცი დატვირთვა, მაგრამ ასევე საშუალებას გაძლევთ ოპტიმიზაცია HTML, CSS, JavaScript და Google Fonts.

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

როგორ ჩართოთ ზარმაცი დატვირთვა ავტომატიზირებაში
ავტომატიზაციაში ჩატვირთვის ჩატვირთვის ჩართვის მიზნით, გადადით პარამეტრები > სურათები > ზარმაცი დატვირთვის სურათები. თქვენ ასევე შეგიძლიათ გამოიყენოთ ShortPixel- ის CDN, რომელიც გამოსახულების ოპტიმიზაციისთვის (ეს არის დანამატი, რომელსაც მე ვიყენებ).

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

7. გახეხეთ

Smush არის გამოსახულების ოპტიმიზაციის მოდული, რომელიც მხარს უჭერს ზარმაცი დატვირთვას. იგი შეიმუშავა WPMU– ს მიერ, თუმცა მე პირადად მე ვიყენებ ShortPixel– ს დაკარგვის კომპრესიის გარეშე, რადგან ის ერთადერთია, რაც მე გამოვიყენე, რაც ჩემს სურათებს 100% -ს უქმნის GTmetrix– ში (და მე გამოცდილი მაქვს მრავალი ოპტიმიზაციის მოდული).

Smush მოდული

როგორ უნდა ჩართოთ ზარმაცი დატვირთვა
Smush– ზე დატვირთვის გასააქტიურებლად გადადით Smush– ზე > დაფა > ზარმაცი დატვირთვა. თქვენ შეგიძლიათ აირჩიოთ რომელი ფაილების ტიპები გსურთ ზარმაცი დატვირთული (.jpeg, png, .gif, .svg, iframe) და გსურთ თუ არა იგი ჩართული იყოს შინაარსისთვის, ვიჯეტისთვის, მინიატურების, გრაფატარისთვის. მასაც აქვს ზარმაცი დატვირთვის ანიმაციის პარამეტრები.

Smush Lazy Load

8. Lazy Load By WP Rocket

Lazy Load By WP Rocket კარგია, თუ არ იყენებთ WP Rocket- ს, მაგრამ გსურთ დაიზაროთ სურათები.

ზარმაცი დატვირთვის მოდული

როგორ ჩართოთ Lazy დატვირთვა Lazy Load WP Rocket– ით
გადასვლა პარამეტრები > LazyLoad. თქვენ გაქვთ შესაძლებლობა ზარმაცი დატვირთვის სურათები, iframes & ვიდეო და შეცვალეთ YouTube– ის ვიდეოები მინიატურით. კონფიგურაციის მრავალი პარამეტრი არ არსებობს; პირადად მე ვისურვებდი რომ მეტი იყო. იქნებ ამიტომაა, რომ ამ ზარმაცი დატვირთვის მოდულს არ აქვს საუკეთესო მიმოხილვები.

Lazy Load By WP Rocket

9. A3 ზარმაცი დატვირთვა

A3 ზარმაცი დატვირთვა მხარს უჭერს ორივე სურათისა და ვიდეოს ზარმაცი დატვირთვას.

a3 ზარმაცი დატვირთვის მოდული

როგორ ჩართოთ Lazy დატვირთვა A3 Lazy დატვირთვით
A3 Lazy Load- ში დატვირთვის გასააქტიურებლად, გადადით პარამეტრებში > A3 ზარმაცი დატვირთვა. თქვენ შეგიძლიათ კონფიგურაცია გააკეთოთ ზარმაციური დატვირთვის სურათების, ვიდეოების, iframes- ის, Gravatars- ისთვის და აირჩიოთ თქვენი ვებსაიტის რომელი სფეროები გსურთ ზარმაცი დატვირთვა (მათ შორის მობილური). ასევე არსებობს პარამეტრები, რათა შესაძლებელი იყოს ზარმაცი დატვირთვის ეფექტი, ფონის ფერის ჩატვირთვა, ასევე, URL– ების და პოსტის ტიპების გამორიცხვა.

a3 Lazy დატვირთვის პარამეტრები

10. BJ Lazy დატვირთვა

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

BJ Lazy Load მოდული

როგორ ჩართოთ Lazy დატვირთვა BJ Lazy Load
BJ Lazy Load- ში დატვირთვის გასააქტიურებლად, გადადით პარამეტრები > BJ Lazy დატვირთვა. პარამეტრები შედარებით მარტივია და საშუალებას გაძლევთ ზარმაცი დატვირთვის სურათები, iframes, Gravatars და დააზარალოთ ზარმაცი დატვირთვა შინაარსისგან, ტექსტური ვიჯეტისგან და მინიატურების საშუალებით. ასევე შეგიძლიათ გამოიყენოთ ადგილსამყოფელის სურათი, ნახვის ბარიერი და გამოიყენეთ დაბალი რეზოლუციის წინასწარი სურათი, ზარმაცი დატვირთვისას.

BJ Lazy Load პარამეტრები

11. სურათების ზარმაცი დატვირთვა

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

Lazy დატვირთვის სურათები მოდული

როგორ გავააქტიუროთ ზარმაცი დატვირთვა სურათებისთვის
პარამეტრების კონფიგურაციისთვის პარამეტრები არ არის Lazy Load For Images მოდულში (ეს ავტომატურია).

12. ზარმაცი დატვირთვა ვიდეოებისთვის

Lazy დატვირთვა ვიდეოებისთვის ჩანაცვლებული ვიდეოების ჩანაცვლება წინასწარი გადახედვისას დაჭერით სურათებით.

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

როგორ გავააქტიუროთ ლაზური დატვირთვა Lazy დატვირთვით ვიდეოებისთვის
Lazy Load For Videos– ზე დატვირთვის გასააქტიურებლად გადადით პარამეტრები > Lazy დატვირთვა ვიდეოებისთვის. აირჩიეთ დატვირთვა მხოლოდ CSS / JS საჭიროების შემთხვევაში, შეცვალეთ პიესის ღილაკი და გამოიყენეთ საბაჟო CSS.

Lazy დატვირთვა ვიდეოები მოდული

13. კომენტარებისთვის ზარმაცი დატვირთვა

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

ეს შეიძლება დაეხმაროს HTTP– ების ნაკლებ თხოვნას, თუ თქვენს ბლოგზე უამრავი კომენტარი გაქვთ, განსაკუთრებით იმის გამო, რომ გრავიატარს შეუძლია ბევრი დრო დასჭირდეს მესამე მხარის ყველა მოთხოვნას შორის..

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

როგორ გავააქტიუროთ ზარმაცი დატვირთვა კომენტარებში
კომენტარების Lazy Load- ში დატვირთვის გასააქტიურებლად, გადადით პარამეტრებში > მსჯელობა > Lazy Load კომენტარები. ამ მოდულის მხოლოდ კონფიგურაციის კონფიგურაციაა, მაგრამ მას კარგი მიმოხილვები აქვს.

Lazy Load კომენტარები

14. WP YouTube Lyte

WP YouTube Lyte არის ერთ-ერთი ჩემი საყვარელი (და საუკეთესო განხილული) დანამატი ზარმაცი დატვირთვის ვიდეოსთვის. ის შეიქმნა გუნდის მიერ Autoptimize, რომლის გარშემოც კარგი მოდული აქვს მიმოხილვას.

WP YouTube Lyte მოდული

როგორ ჩართოთ Lazy დატვირთვა WP YouTube Lyte- ში
WP YouTube Lyte- ში დატვირთვის დატვირთვის გასააქტიურებლად, გადადით პარამეტრები > WP YouTube Lyte. აიღე შენი YouTube API კლავიში და შეიყვანეთ იგი Autoptimize– ში. შეარჩიეთ თქვენი პლეერის ზომა, შეიცავს თუ არა ბმულებს, მოთამაშის პოზიციას, აიძულებს HD- ს, იმოქმედეთ ჩვეულებრივ YouTube ბმულზე / iframes და დაამატეთ მიკროდკატი. ადგილობრივ მინიატურების დაცვა ხშირად შეიძლება GTmetrix– ის შეცდომების დაფიქსირება YouTube– ის ვიდეოს გადაცემისას.

YouTube მინიშნებები GTmetrix

Wp YouTube Lyte პარამეტრები

ისევ დახმარება გჭირდებათ?

შესანიშნავი ვიდეო მაქვს WordPress– ის სიჩქარის ოპტიმიზაციაზე:

მე ასევე მაქვს გაკვეთილები სურათების ოპტიმიზაციისთვის, WP Rocket- ის კონფიგურაციისთვის, სერვერზე რეაგირების დროების შემცირებისთვის და სხვა. მე შემიძლია მივიღო 100% (ან მახლობლად) GTmetrix ქულები ჩემს ყველა შეტყობინებაში თითქმის ყველა ამ რჩევების გამოყენებით. თუ თქვენ გაქვთ შეკითხვები, მოგერიდებათ კომენტარის გაკეთება დამიტოვეთ – მოხარული ვარ, რომ დაგეხმარებით!

ხშირად დასმული შეკითხვები

&# x2705; რომელი მოდული საუკეთესოა ზარმაცი დატვირთვის სურათებისთვის?

თუ თქვენ უკვე იყენებთ ქეშების მოდულს, რომელიც მხარს უჭერს ზარმაცი დატვირთვას (მაგ. WP Rocket, SG Optimizer, W3TC, Swift, LiteSpeed), უმჯობესია ეს პირველი სცადოთ. წინააღმდეგ შემთხვევაში, WP Rocket- ის ავტომატიზაცია ან Lazy Load მოდული არის კარგი ზარმაცი დატვირთვების მოდული.

&# x2705; რაც შეეხება ზარმაცი დატვირთვის ვიდეოებს?

WP Rocket და cache plugins– ის სხვა მოდელები მოგცემთ ზარმაცი დატვირთვის ვიდეოს და შეცვალეთ YouTube iframe– ით წინასწარი გადახედვის შედეგად. წინააღმდეგ შემთხვევაში, WP YouTube Lyte იმუშავებს.

&# x2705; ზარმაცი დატვირთვა დააზარალებს მომხმარებლის გამოცდილებას?

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

&# x2705; რას აკეთებს ზარმაცი დატვირთვა?

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

&# x2705; როგორ უნდა გავააქტიუროთ ზარმაცი დატვირთვა კონკრეტულ გვერდებზე?

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

Გაუმარჯოს,
ტომ

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map