Google PageSpeed ​​Insights რადიკალურად განახლდა, ​​რა შეიცვლება? რატომ არ გჭირდებათ ფიქრი Google PageSpeed ​​Insights-ზე რა არის Pagespeed insights და რატომ გჭირდებათ ისინი.

ინტერნეტ ტრაფიკის 50% უკვე მოდის მობილურ მოწყობილობებზე და მათი მომხმარებლები ელიან ვებსაიტების გვერდების თითქმის მყისიერ ჩატვირთვას. ამიტომ, ამ სტატიაში ჩვენ განვიხილავთ, თუ როგორ უნდა მიიღოთ 100/100 ქულა საიტის როგორც მობილური, ასევე დესკტოპის ვერსიებისთვის, გვერდის ჩატვირთვის სიჩქარის შემოწმებისას უფასო Google PageSpeed ​​Insights Tool-ით.

როგორ გავზარდოთ გვერდის ჩატვირთვის სიჩქარე

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

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

ნაბიჯი # 1: სურათების ოპტიმიზაცია

PageSpeed ​​Insights Tool შეამოწმებს სურათებს თქვენს საიტზე და თუ ისინი საკმარისად სწრაფად არ იტვირთება, Google შემოგთავაზებთ მათ ოპტიმიზაციას. თქვენ შეგიძლიათ გაზარდოთ სურათების ჩატვირთვის სიჩქარე მათი წონისა და ზომის შემცირებით. ამ პრობლემის გადასაჭრელად, უბრალოდ მიჰყევით ორ ნაბიჯს:

  • დასაწყებად, შეკუმშეთ ყველა თქვენი სურათი ისეთი ხელსაწყოების გამოყენებით, როგორიცაა Compressor.io ან TinyPNG. ორივე ინსტრუმენტი უფასოა, მაგრამ ძალიან ეფექტური. ზოგიერთ შემთხვევაში, ისინი 80%-ით აკუმშებენ სურათებს ხარისხის დაკარგვის გარეშე.
  • შეამცირეთ თქვენი სურათების ზომა უმცირეს შესაძლო ზომამდე. ვთქვათ, გსურთ, რომ საიტზე ნაჩვენები სურათის ზომა იყოს 150x150 პიქსელი. ამ შემთხვევაში, თქვენს სერვერზე შენახული სურათის რეალური ზომა არ უნდა აღემატებოდეს ნაჩვენები სურათის ზომას, ანუ ის ასევე უნდა იყოს 150x150px. თქვენ არ უნდა დაარეგულიროთ სურათის ზომა CSS ან HTML კოდის გამოყენებით.

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

Google შესთავაზებს დაუყოვნებლივ ატვირთოს ოპტიმიზირებული სურათები საიტზე.

ნაბიჯი #2: შეინახეთ თქვენი CSS და JavaScript რაც შეიძლება მოკლედ

Google-მა შეიძლება მოგთხოვოთ თქვენი JavaScript და CSS კოდის შემცირება.

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

მაგალითად, ქვემოთ მოცემულ დოკუმენტში არის კოდი

შეიძლება შემცირდეს:

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

ნაბიჯი #3: გამოიყენეთ ბრაუზერის ქეში

მრავალი საიტისთვის პუნქტი ბრაუზერის ქეშის გამოყენების შესახებ ნამდვილი გამოწვევაა. ამ პრობლემის გადასაჭრელად შეგიძლიათ გამოიყენოთ CDN.

CDN არის შინაარსის მიწოდების ქსელის აბრევიატურა, ანუ „შინაარსის მიწოდების ქსელი“. ყველაზე ხშირად, ეს არის მრავალი სერვერი სპეციალიზებული პროგრამული უზრუნველყოფით, რომლებიც აჩქარებენ შინაარსის მიწოდებას ("დაბრუნებას") საბოლოო მომხმარებლისთვის. მისი დახმარებით შეგიძლიათ ქეში და შეინახოთ ვებსაიტის მრავალი ელემენტი, როგორიცაა სურათები, CSS და JavaScript ფაილები. CDN ინახავს ვებსაიტის შინაარსის ასლებს სერვერებზე. თუ მომხმარებელი ეწვია საიტს, მისთვის კონტენტი ჩამოიტვირთება ყველაზე ახლოს სერვერიდან.

ვთქვათ, თქვენი ვებსაიტის მთავარი სერვერი მდებარეობს ტეხასში, თუ თქვენ არ იყენებთ CDN-ს, მაშინ მომხმარებელი, რომელიც მდებარეობს ამსტერდამში, მოუწევს დაელოდოს თქვენს აშშ სერვერს, რომ ჩატვირთოს მათთვის შინაარსი, რასაც შეიძლება დიდი დრო დასჭირდეს. . ამავდროულად, CDN-ის გამოყენება საშუალებას გაძლევთ ჩატვირთოთ საიტი მომხმარებელთან რაც შეიძლება ახლოს მდებარე წერტილიდან. და ამ შემთხვევაში, რაც შეიძლება ახლოს ამსტერდამთან.

შედეგად, საიტი ბევრად უფრო სწრაფად იტვირთება.

თუ გადაიტანეთ ყველა თქვენი სურათი, JavaScript და CSS ფაილი CDN-ში, თქვენი დისტანციური მომხმარებლები დაუყოვნებლივ შეამჩნევენ შესამჩნევი ზრდას გვერდის ჩატვირთვის სიჩქარეში. მაგრამ CDN-ის გამოყენებაც კი არ იძლევა გარანტიას, რომ ჩააბარებთ Google-ის ტესტს. Google ასევე უყურებს ყველა გარე რესურსს, რომელსაც იყენებთ თქვენს საიტზე.

ამ პრობლემის მოგვარება შესაძლებელია მრიცხველების სურათებით შეცვლით, რომლებიც შეგიძლიათ უსაფრთხოდ შეინახოთ CDN-ის გამოყენებით. მესამე მხარის სკრიპტების ჰოსტინგის ნაცვლად, რომლებიც იღებენ ინფორმაციას აბონენტების რაოდენობის შესახებ Twitter, Facebook, Google Plus და სხვა სოციალური ქსელებიდან, შეგიძლიათ ეს მონაცემები თავად შეინახოთ, რითაც შეამცირებთ გვერდის ჩატვირთვის სიჩქარეს.

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

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

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

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

ნაბიჯი #4: წაშალეთ JavaScript და CSS დაბლოკეთ გვერდის ზედა ნაწილი

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

თუ თქვენი საიტი Wordpress-ზეა, მაშინ იგივე Autoptimize მოდული დაგეხმარებათ პრობლემის მოგვარებაში. გადადით პარამეტრებში, მოხსენით ველი „Force JavaScript in Head“-ის გვერდით და მონიშნეთ ყუთი „Inline all CSS“-ის გვერდით.

ნაბიჯი #5: ჩართეთ შეკუმშვა

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

ნაბიჯი #6: თქვენი საიტის ოპტიმიზაცია მობილური მოწყობილობებისთვის

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

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

დასკვნა

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

ქვემოთ მოცემულია სამი ძირითადი ნაბიჯი, რომელიც დაგეხმარებათ მიაღწიოთ უკეთესი ვებსაიტის შესრულებას:

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

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

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

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

Google Research

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

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

  •     ჩატვირთვის დრო 1-დან 3 წამამდე მერყეობს, მარცხის ალბათობა იზრდება 32%-მდე.
  •     1-დან 5 წამამდე 90%-მდე
  •     1-დან 10 წამამდე მარცხის ალბათობა უკვე 123%
  • ძნელი მისახვედრი არ არის, რამდენ სტუმარს ვკარგავთ.

გვერდის სიჩქარე მნიშვნელოვანი რანგის ფაქტორი იქნება

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

და არც ისე დიდი ხნის წინ, გამოცხადდა მობილური ძიების ახალი რეიტინგის ფაქტორი სახელწოდებით "Speed ​​Update". განახლება ძალაში 2018 წლის ივლისში შევა, რაც საიტის მფლობელებს მოსამზადებლად დროს აძლევს.

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

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

  •   1. გამოიყენეთ ბრაუზერის ქეშირება და gzip/deflate შეკუმშვა. თუ თქვენ გაქვთ apache, ეს კონფიგურირებულია htaccess-ში.
  •   2. თქვენი სურათების ოპტიმიზაცია. არასაჭირო ინფორმაციის ამოღებამ და სურათების შეკუმშვამ შეიძლება მნიშვნელოვნად შეამციროს მათი წონა.
  •   3. შეამცირეთ რესურსები javascript, css, html კოდი. თუ საიტი დამუშავების პროცესშია, მაშინ კოდის რედაქტირების მოხერხებულობისთვის უმჯობესია ეს ელემენტი მოგვიანებით დატოვოთ.
  •   4. გამოიყენეთ HTTP/2 პროტოკოლის ახალი ვერსია. ის უფრო ეფექტური, საიმედოა და მიდრეკილია ნაკლები შეცდომებისკენ.
  •   5. გადართვა PHP7-ზე. მუშაობს ორჯერ უფრო სწრაფად ვიდრე მისი წინამორბედი.

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

ერთ-ერთ შემდეგ სტატიაში ვისაუბრებთ იმაზე, თუ რა არის ბლოკირების სკრიპტები და რატომ არ არის შესაძლებელი მათი მოშორება ყოველთვის.

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

იმის გათვალისწინებით, რომ ონლაინ ტრაფიკის 50% მობილურ მოწყობილობებზე მოდის, მომხმარებლები მოელიან საიტის თითქმის მყისიერ დატვირთვას მობილური ვერსიაში. ამ სტატიაში თქვენ შეისწავლით თუ როგორ უნდა მიიღოთ 100 ქულა 100-დან Google PageSpeed ​​Insights ინსტრუმენტით თქვენი ვებსაიტის როგორც მობილური, ასევე დესკტოპის ვერსიებისთვის.

Მოტივაცია

Google საიტის შემოწმებისას მისი PageSpeed ​​Insights ინსტრუმენტით, შენიშნა, რომ საიტის დესკტოპის ვერსიასთან - 100/100 პრობლემა არ არის, მაგრამ მობილური ვერსიის შედეგები სასურველს ტოვებს - 71/100.

ეს ნიშნავს, რომ 100/100 შედეგი მიუღწეველია?

როგორ გავხადოთ გვერდების უფრო სწრაფად ჩატვირთვა

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

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

ნაბიჯი პირველი: თქვენი სურათების ოპტიმიზაცია


PageSpeed ​​Insights ინსტრუმენტი გთავაზობთ სურათების ოპტიმიზაციას ფაილის ზომის შემცირებით. ამისათვის შეგიძლიათ მიიღოთ შემდეგი ზომები:

· შეკუმშოს ყველა სურათი Compressor.io და TinyPNG ინსტრუმენტების (ან ნებისმიერი სხვა უფასო ხელსაწყოს) გამოყენებით. ზოგიერთ შემთხვევაში, ამ ხელსაწყოებს შეუძლიათ შეამცირონ სურათების ზომა 80%-ზე მეტით, მათი ხარისხის დარღვევის გარეშე.

· სურათების ზომის შემცირება საჭირო პარამეტრებამდე მათი ხარისხის დარღვევის გარეშე. ვთქვათ, თუ გჭირდებათ სურათი 150x150 პიქსელის ზომის, ეს არის სურათის ზომა, რომელიც უნდა აიტვირთოს სერვერზე. არ არის რეკომენდირებული სურათების გამოყენება იმაზე დიდი, ვიდრე გსურთ საიტზე მოთავსება, ან მათი ზომის შემცირება CSS ან HTML ტეგების გამოყენებით.

შეგიძლიათ ჩამოტვირთოთ სურათები, შეკუმშოთ და დააფორმატოთ ისინი ხელით, ან გამოიყენოთ PageSpeed ​​Tool სერვისი და ჩამოტვირთოთ უკვე ოპტიმიზებული სურათი. იგივე შეიძლება გაკეთდეს JavaScript-ით და CSS-ით.

ნაბიჯი მეორე: შეამცირეთ CSS და JavaScript რესურსები


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


ამ პრობლემის გადასაჭრელად შეგიძლიათ სერვერზე დააინსტალიროთ Gulpjs ინსტრუმენტი. ინსტრუმენტი ავტომატურად ქმნის ახალ CSS ფაილს და აშორებს მთელ სივრცეს. ის ასევე ავტომატურად ქმნის ახალ CSS ფაილს თქვენს მიერ განხორციელებული ნებისმიერი ცვლილებისთვის. ამ შემთხვევაში, დეველოპერმა მოახერხა ძირითადი CSS ფაილის ზომის შემცირება 300 კბ-დან 150 კბ-მდე.

თუ იყენებთ WordPress-ს, კარგი იდეაა დააინსტალიროთ Autoptimize მოდული.

თქვენ ასევე შეგიძლიათ ჩამოტვირთოთ უკვე ოპტიმიზირებული ფაილები, რომლებიც შემოთავაზებულია PageSpeed ​​Tool-ის მიერ.

ნაბიჯი მესამე: სერვერის რეაგირების დროის ოპტიმიზაცია


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

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

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

ქვემოთ მოცემულია CDN-ის ფუნქციონირების დიაგრამა GTmetrix-ით.


თქვენ შეგიძლიათ გადაიტანოთ ყველა სურათი, JavaScript და CSS ფაილი CDN-ში და დატოვოთ მხოლოდ HTML ფაილი მთავარ სერვერზე. CDN-ზე სურათების ჰოსტინგი მნიშვნელოვნად გააუმჯობესებს ვებ გვერდების ჩატვირთვის სიჩქარეს.

ნაბიჯი მეოთხე: გამოიყენეთ ბრაუზერის ქეში


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

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

ნაბიჯი მეხუთე: ამოიღეთ ეკრანის დაბლოკვის რესურსები გვერდის ზემოდან


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

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

ნაბიჯი მეექვსე: ჩართეთ შეკუმშვა


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

ნაბიჯი მეშვიდე: მობილური ვერსიის ოპტიმიზაცია


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

თქვენ შეგიძლიათ ნახოთ, როგორ გამოიყურება თქვენი ვებსაიტი სხვადასხვა მოწყობილობებზე Google Chrome-ში. ზედა მარჯვენა მენიუში დააწკაპუნეთ "დამატებითი ხელსაწყოები" და შემდეგ "დეველოპერი ინსტრუმენტები".

დასკვნა:

ასე რომ, ოთხი ყველაზე მნიშვნელოვანი ნაბიჯი, რომელიც უნდა გადადგათ თქვენი ვებსაიტის ხარისხის გასაუმჯობესებლად, არის:

1. გამოიყენეთ CDN.

2. გამოიყენეთ თქვენი ბრაუზერის ქეში.

3. ამოიღეთ ეკრანის დაბლოკვის რესურსები გვერდის ზემოდან.

4. თქვენი სურათების ზომის ოპტიმიზაცია და მათი შეკუმშვა.

Სალამი ყველას!დიდი ხანია მინდოდა დამეწერა სტატია გუგლის გვერდის სიჩქარის სერვისის შესახებ, თუმცა უკვე დავწერე ვებსაიტის აჩქარებისა და ოპტიმიზაციის შესახებ და მივცემდი რჩევებს, რომლებიც დაგეხმარებათ გაზარდოთ თქვენი გუგლის გვერდის სიჩქარის ქულა. მაგრამ დღეს ჩვენ სხვა რამეზე ვსაუბრობთ, ახლახან შევწყვიტე ფიქრი ჩემი მუშაობის შესახებ google speed სერვისში და ვცდილობ როგორმე გავაუმჯობესო იგი. ოდესღაც ეს მაჩვენებელი 2%-დან 87%-მდე გავზარდე, შთამბეჭდავია არა!? მაგრამ გარკვეული პერიოდის შემდეგ მომიწია ჩემი WordPress საიტის შაბლონის შეცვლა, რის შემდეგაც მაჩვენებელი 63% -მდე დაეცა, ალბათ, შაბლონი უფრო მძიმე აღმოჩნდა, ვიდრე წინა.

გარდა ამისა, მოგვიანებით, ერთი მოდულის დაყენებისას, რომელიც აჩვენებს პოსტის განცხადებების ადაპტირებულ ქსელს საიტზე, ინდიკატორი კიდევ უფრო დაეცა 30%-მდე. ანუ როგორც მივხვდი, გუგლის სიჩქარის სერვისში უნდა აერჩია ან ლამაზი საიტი ან მაღალი ქულა. უფრო მეტიც, მე შევნიშნე, რომ ინდიკატორი შეიძლება არ იყოს მაღალი, 50-70%, და ეს არანაირად არ იმოქმედებს ბრაუზერში საიტის გახსნის სიჩქარეზე. 63%-იანი ინდიკატორით ჩემი საიტი მუშაობს უპრობლემოდ, რა თქმა უნდა, თუ თქვენ მიატოვებთ თითქმის ყველა დანამატს და აირჩევთ უფრო მარტივ თემას თქვენი საიტისთვის, შეგიძლიათ ინდიკატორი 90-100%-მდე გაზარდოთ. მაგრამ რატომ აკეთებ ამას? რიცხვების გულისთვის? თავმოყვარეობის გულისთვის?

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

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

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

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

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

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

რატომ დავთმე Google-ის გვერდის სიჩქარის Insights-ზეგანახლებულია: 2019 წლის 7 იანვარი: ილია ჟურავლევი



 

შეიძლება სასარგებლო იყოს წაკითხვა: