როგორ დავჭრათ ჩვენი გვერდის დატვირთვის დრო 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- ში.

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

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

რას ფიქრობთ?

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