როგორ დავჭრათ ჩვენი გვერდის დატვირთვის დრო 10 წამით

სიჩქარე და სოციალური ქსელი, როგორც ჩანს, არ მუშაობს ერთად, როდესაც საქმე შესანიშნავ ვებსაიტს ეხება. ჩვენ გადავედით ჩვენს საიტზე flywheel (შვილობილი ბმული) და ეს მნიშვნელოვნად აუმჯობესებს ჩვენი საიტის მუშაობას და სტაბილურობას. მაგრამ ჩვენი საიტის დიზაინმა - მსუქანი კოლონტიტულის საშუალებით, რომელიც ხელს უწყობდა ჩვენს სოციალურ აქტივობას Facebook– ზე, Twitter– ზე, Youtube– ზე და ჩვენს Podcast– ზე - შეანელა ჩვენი საიტი სეირნობისკენ.

ცუდი იყო. მიუხედავად იმისა, რომ შესანიშნავი გვერდი იტვირთება 2 წამში ან ნაკლებ დროში, ჩვენი ვებსაიტის დასრულებას 10 წამი დასჭირდა. პრობლემა არ იყო WordPress ან Flywheel, პრობლემა იყო ყველა ინტერაქტიული ელემენტი, რომელიც ჩვენ სხვა სერვისებიდან დავიტვირთეთ… Facebook და Twitter ვიჯეტები, Youtube გადახედვის სურათები, ჩვენი პოდკასტის პროგრამა, მე უბრალოდ ვერ ვაკონტროლებდი რამდენად ნელა იტვირთებოდა ისინი. Აქამდე.

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

ჩატვირთვა

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

$ (ფანჯარა). გადახვევა (ფუნქცია () {if (jQuery (დოკუმენტი) .height () == jQuery (ფანჯარა) .scrollTop () + jQuery (ფანჯარა) .height ()) {if ($ ("# placetoload" ) .text (). სიგრძე <200) {$ ("# დამატებით"). ჩატვირთვა ('[გვერდის სრული გზა ჩატვირთვა]');}}});

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

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

ჩვენ კიდევ რამდენიმე სამუშაო გვაქვს გასაკეთებელი მაგრამ ჩვენ იქ მივალთ!

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.