საიტის სიჩქარე: როგორ მივიღეთ PageSpeed 97 მობილურზე ანიმაციით

PageSpeed Insights-ის ქულა Lighthouse-ის ლაბორატორიული ტესტია. მობილურისთვის ის გვერდს საშუალო ტელეფონის ემულაციით და შეზღუდული ინტერნეტით ტვირთავს, ამიტომ რეალურ ვიზიტზე უფრო მკაცრია. ქულა ხუთი მეტრიკის შეწონილი ჯამია (დეტალები Google-ის Lighthouse-ის სახელმძღვანელოში):

• First Contentful Paint – როდის ჩნდება პირველი ტექსტი ან სურათი.
• Largest Contentful Paint – როდის იტვირთება მთავარი ბლოკი.
• Total Blocking Time – რამდენ ხანს ბლოკავს JavaScript გვერდს.
• Cumulative Layout Shift – რამდენად ხტება განლაგება ჩატვირთვისას.
• Speed Index – რა სისწრაფით ივსება ხილული ნაწილი.

90–100 მწვანე ზონაა. Google-ის რეიტინგისთვის მნიშვნელოვანია რეალური მომხმარებლების მონაცემები – Core Web Vitals, რომლებზეც ვწერთ სტატიაში Core Web Vitals. ლაბორატორიული ქულა მაინც საუკეთესო სწრაფი შემოწმებაა: ის, რაც მას ზრდის, რეალურ ვიზიტებსაც აჩქარებს.

სწრაფი საიტი მეტს ყიდის. Deloitte-ისა და Google-ის კვლევამ Milliseconds Make Millions 37 ბრენდის მობილური საიტი შეისწავლა: ჩატვირთვის 0.1 წამით დაჩქარება საცალო ვაჭრობაში 8.4%-ით მეტ კონვერსიასთან იყო დაკავშირებული, ტურიზმში კი 10.1%-ით მეტთან. სერვისულ ბიზნესშიც იგივე ლოგიკაა: ტელეფონზე ყოველი დამატებითი წამი შანსია, რომ კლიენტი Google-ში დაბრუნდეს და შემდეგ კომპანიას დააჭიროს.

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

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

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

ასე ხედავს ამას ვიზიტორი colchislab.com-ზე: წერტილები შემოფრინდება, Web, Bots და CRM კვანძებით ვერძს აწყობს, დაჭერისას კი ისევ იფანტება. მთელი ეფექტი თავად გვერდშია ჩაშენებული – ერთი canvas, ვიდეოსა და პლაგინის გარეშე.

თქვენი ანალიტიკის მეშვეობით – არა. Google არაერთხელ აღნიშნავდა, რომ რეიტინგისთვის Google Analytics-ის მონაცემებს, მაგალითად bounce rate-ს, არ იყენებს, და ანიმაციას თავისთავად არც ერთი ფაქტორი არ აჯილდოებს. მაგრამ Google-ის ახსნაში, როგორ მუშაობს რეიტინგი, წერია, რომ შედეგების რელევანტურობის შესაფასებლად აგრეგირებულ და ანონიმურ ინტერაქციის მონაცემებს იყენებს. ვიზიტორი, რომელიც Google-იდან შემოდის, რაღაც საინტერესოს პოულობს და ძიების შედეგებზე მაშინვე არ ბრუნდება, ისე იქცევა, როგორც რელევანტურ გვერდზე – ამიტომ ეფექტი სწორი მიმართულებით მუშაობს. და ნებისმიერ შემთხვევაში, უფრო გრძელი ვიზიტი განაცხადის მეტი შანსია.

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

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

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

1. გაუშვით მთავარი და ყველაზე მნიშვნელოვანი სერვისის გვერდი PageSpeed Insights-ზე მობილურისთვის და ნახეთ წითელი მეტრიკები და არა მხოლოდ ქულა.
2. იპოვეთ ყველაზე მძიმე ფაილები – ხშირად ეს არაოპტიმიზებული სურათები, page builder-ის CSS ან სლაიდერის პლაგინია.
3. სურათები WebP-ში გადაიყვანეთ, ყველას მიუთითეთ სიგანე და სიმაღლე, ქვედა ნაწილი კი lazy load-ით ჩატვირთეთ.
4. მოაშორეთ პლაგინები და სკრიპტები, რომლებიც ყველა გვერდზე იტვირთება, გამოიყენება კი ერთზე.
5. ანიმაცია CSS transform-ით ან ერთი canvas-ით გააკეთეთ და reduced motion გაითვალისწინეთ.
6. ხელახლა შეამოწმეთ, შემდეგ კი 28 დღე ადევნეთ თვალი Search Console-ის Core Web Vitals ანგარიშს.

100 ქულას კონტენტის ხარჯზე ნუ დაედევნებით: 92 ქულიანი გვერდი მკაფიო შეთავაზებით სჯობს ცარიელ გვერდს 100 ქულით. სრული სია ნახეთ ტექნიკური SEO-ს ჩეკლისტში ან გაუკეთეთ საიტს SEO აუდიტი.

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