საიტის სიჩქარე და ასინქრონული Javascript

ასინქრონული

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

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

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

Pingdom– ზე ტესტის ჩატარებით შეგიძლიათ ნახოთ თუ რა აისახება თქვენს გვერდის სიჩქარეზე:
pingdom გვერდის დატვირთვა

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

იხილეთ ფრაგმენტი, თუ როგორ უნდა გავაკეთოთ ეს სწორად ემილ სტენსტრომისგან:

(ფუნქცია () {ფუნქცია async_load () {var s = document.createElement ('სკრიპტი'); s.type = 'text / javascript'; s.async = true; s.src = 'http://buttondomain.com /script.js '; var x = belge else window.addEventListener ('ჩატვირთვა', async_load, ყალბი);}) ();

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

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