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

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


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

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

როგორ გავაუმჯობესოთ გამოსახულების მძიმე გვერდები უფრო სწრაფად?

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

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

რა არის ზარმაცი დატვირთვა?

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

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

როგორ შეუძლია დაეხმაროს Lazy დატვირთვას

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

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

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

BJ Lazy დატვირთვა

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

bj-ზარმაცი დატვირთვა

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

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

ზარმაცი დატვირთვა

საყოველთაოდ გამოყენებული მოდული, WordPress- ის ვებსაიტებზე ზარმაცი დატვირთვის დასამატებლად, ზარმაცი დატვირთვა მარტივი ინსტალაცია და გააქტიურებაა მოდული. შეგიძლიათ სცადოთ იგი თავდაჯერებულობით, იმის ცოდნით, რომ იგი შექმნილია WordPress.com VIP გუნდის კოდიდან, Automattic– ში, TechCrunch 2011– ის რედიზაინების გუნდისა და ჯეიკ გოლდმანის (შპს 10up) გამოყენებით..

ზარმაცი დატვირთვა

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

აიაქსის დატვირთვა მეტი – უსასრულო გადახვევა

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

ააქსი-დატვირთვა-მეტი

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

უფრო მეტიც, Ajax Load უფრო კარგად მუშაობს WooCommerce და Easy Digital Downloads, ასე რომ იგი შესაფერისია გრძელი პროდუქტის გვერდებზე.

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

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

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

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

a3 ლაზური დატვირთვა

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

a3- ზარმაცი დატვირთვა

მოდული გთავაზობთ მხარდაჭერას შინაარსის ან ვიჯეტის ნებისმიერ ადგილას მოთავსებულ iframes- ში. WordPress– ით ჩასმული მედია, Facebook– ის მსგავსი პროფილების მქონე ყუთების მსგავსად, ღილაკების მსგავსად, გირჩევთ ღილაკებს, Google+ პროფილებს, Google Maps– ს და სხვა მსგავსი მედია შინაარსების შერჩევა ყველას შეუძლია ზარმაცი დატვირთვისთვის.

ამასთან, დაჩქარებული მობილური გვერდებთან (AMP) შეჯახება არ მომხდარა – ზარმაცი დატვირთვა არ გამოიყენება / ამპ დასკვნა ეს მხოლოდ მაშინ ხდება, როდესაც ბრაუზერს სპორტის URL აქვს / ამპ ეს ზარმაცი დატვირთვა ძალაში შედის.

WP YouTube Lyte

თუ თქვენი ვებ – გვერდი ძლიერად იწევს YouTube– ზე, WP YouTube Lyte კარგ სარგებელს მოგანიჭებთ. მასში ჩასვა “Lite YouTube Embeds”, რომელიც YouTube- ის ჩანართების მსგავსია. მაგრამ ვიდეოებს მხოლოდ მაშინ დააჭირეთ დაჭერით.

wp-youtube-lyte

იმისათვის, რომ ამ მოდელმა თქვენს ვებგვერდზე იმუშაოს, აუცილებელია YouTube– ზე, როგორც ახალი განმცხადებლის რეგისტრაცია. მოდული იყენებს YouTube– ის API- ს თითოეული ვიდეოს, რომ ის მიიღოთ YouTube საცავიდან. თქვენს API- ს თქვენს ვებგვერდზე გამოყენების მიზნით, ჩართული უნდა იყოს YouTube- ით თქვენთვის სასურველი API კლავიატურა. სერვერის გასაღები, რომელსაც YouTube- ით იღებთ, უნდა შეავსოთ.

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

იტვირთება გვერდი დატვირთვის ეკრანით

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

დატვირთვის გვერდი დატვირთვის ეკრანი

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

კიდევ რამდენიმე მოდული,

  • მეტი დატვირთვა სასარგებლო ფუნქციაა გრძელი პროდუქტის გვერდებზე. ეს ჩვეულებრივ გვხვდება WooCommerce ვებსაიტებზე. WooCommerce Infinite Scroll და Ajax Pagination გადააქვს ნაგულისხმევი პროდუქტის პაგინაცია უსასრულო გრაგნილით ან Ajax- ის წარმართვაში. მომხმარებლისთვის, ეს ნიშნავს, რომ მათ არ უნდა დააჭიროთ რამდენჯერმე დააჭირეთ “შემდეგი გვერდი”. როდესაც მომხმარებელი აღწევს გვერდის ბოლოში, პროდუქციის შემდეგი ნაკრები ავტომატურად იბრუნებს და იტვირთება. მობილური პაგინაციის სხვადასხვა ვარიანტები ხელმისაწვდომია მობილური მოწყობილობებისთვის.
  •  დატვირთეთ მეტი პროდუქტი WooCommerce– ისთვის შეგიძლიათ დაამატოთ შემდეგი პროდუქტის დატვირთვა შემდეგი გვერდიდან Ajax– ის გამოყენებით უსასრულო გადახვევით ან Load More ღილაკით. ანიმაციური ეფექტებისა და პერსონალიზაციისთვის, პრო ვერსია ხელმისაწვდომია.
  • სურათები Lazyload და Slideshow – ამ მოდულით, შეგიძლიათ აირჩიოთ მსუბუქი ყუთის ეფექტის ან საკუთარი გალერეის ეფექტის დამატება ნებისმიერ სურათზე, ასევე დატვირთვის შეფერხება. მას გააჩნია 3 ეფექტი და ასევე შეგიძლიათ დაამატოთ საკუთარი.
  • სარაკეტო Lazy დატვირთვა – უკიდურესად მსუბუქი (2 კბ-ზე ნაკლები). იგი აყენებს Javascript– ის მცირე ნაწილს თქვენს საიტის სათაურში, რომელიც მუშაობს მინიატურ მასალებზე, ყველა სურათს პოსტში, ვიჯეტის ტექსტსა თუ ავატარში. ეს აგვიანებს სურათებს მთელს საიტზე, JavaScript– ის ისეთი ბიბლიოთეკის გამოყენების გარეშე, როგორიცაა jQuery.
  • Crazy Lazy – ერთსა და იმავე საქმეს აკეთებს მსუბუქი წონის დროს, მარტივი ინსტალაცია და გამოყენება და არანაირი პარამეტრი არ სჭირდება. ნებისმიერი სურათი შეიძლება გამოირიცხოს უბრალოდ გამოსახულების ატრიბუტის დამატებით.
  • Lazy Load XT – არის სწრაფი მოდული, რომელიც მუშაობს სურათების, ჩარჩოების, YouTube– ის ვიდეორგოლების და Vimeo– სთვის. ეს არის სრულად კონფიგურირებადი.

ბევრ სლაიდერს მოსწონს სამეფო სლაიდერი და WP Electric Carousel ასევე მოიცავს ზარმაცი დატვირთვის პრინციპს სურათების დასატვირთად. ღონისძიების დაჯავშნა პრო მხარს უჭერს ზარმაცი დატვირთვის კალენდარს.

Საბოლოოდ

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me