როგორ გადავიღოთ სურათები უფრო სწრაფად თქვენს WordPress საიტზე

ასე რომ, გსურთ თქვენი სურათების დატვირთვა უფრო სწრაფად?


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

WordPress- ში გამოსახულების დატვირთვის სამი გზა არსებობს:

  • ზომის შეცვლა
  • შეკუმშოს
  • ზარმაცი დატვირთვა

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

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

როგორ გავაუმჯობესოთ სურათები WordPress- ში

შეცვალეთ თქვენი სურათები

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

რა ზომის შეცვლაა?

როდესაც ვამბობ “ზომის შეცვლაზე”, ვგულისხმობ სურათის ზომების შეცვლას და ამ შემთხვევაში, გსურთ შემცირდეთ ზედმეტად დიდი სურათების ზომები..

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

თქვენს საიტზე პოსტის განყოფილების სიგანე ალბათ არ არის ფართო 800px. ტექსტი, რომელსაც ახლა კითხულობთ, მხოლოდ 700px- ს მოიცავს მთელს გვერდზე, ასე რომ წარმოიდგინეთ აქ გამოსახულება, რომელიც ფართოა 5,000 px. Იქნებოდა უფრო დიდია ვიდრე საჭიროა და სანამ გვერდის მორგება იქნებოდა შემცირებული, დატვირთული გამოსახულების ფაილი კვლავ მასიური და უკიდურესად უსარგებლოა. ეს იმიტომ …

სურათებს, რომლებსაც უფრო დიდი ზომები აქვთ, ასევე აქვთ უფრო დიდი ზომის ზომები.

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

მოდით დავუბრუნდეთ ჩემს მაგალითს და დავუშვათ, რომ გამოსახულება არის 5000 px სიგანე და სიმაღლის. თუ ეს შეამცირეთ 5,000px– დან მხოლოდ 700px– მდე, გამოსახულება რეალურად გამოიყენებს 99% –ით ნაკლებ პიქსელს. სხვა სიტყვებით რომ ვთქვათ, ფაილის ზომა დაახლოებით 99% -ით შემცირდება. თუ სურათი 5mb იყო, ის დასრულდება მხოლოდ 50 კბ და ის თქვენს საიტზე ატვირთავს 99% -ს სწრაფად.

სურათების ზომის შეცვლა

თუ არ გსურთ თქვენი სურათების გულდასმით შეცვლა, მიღწევას თითქმის ნამდვილად მიაღწევთ.

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

ხელით შეცვალეთ თქვენი სურათები

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

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

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

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

გამოიყენეთ პატარა ზომები

როდესაც ატვირთეთ სურათი თქვენს მედია ბიბლიოთეკაში, WordPress ქმნის 3-მდე დამატებით ვერსიას: მინიატურა, საშუალო და დიდი.

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

WordPress Media პარამეტრები

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

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

WordPress გამოსახულების ზომის შეცვლა

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

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

ავტომატური ზომის შეცვლა დანამატით

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

ოპტიმოლის გამოსახულების ოპტიმიზატორი

ეს არ მუშაობს ისე, როგორც თქვენ მოელით.

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

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

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

თუ გსურთ ისწავლეთ როგორ გამოიყენოთ Optimole, შეგიძლიათ მიყევით ჩემს სრულ ნაბიჯ ვიდეოებს:

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

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

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

შეკუმშვის საშუალებაა სურათის ფაილის ზომების შემცირება მისი განზომილებების შეცვლის გარეშე.

სურათის შეკუმშვის ორი ტიპი არსებობს.

გამოსახულების შეკუმშვის პირველ ტიპს უწოდებენ ”დაკარგვის” შეკუმშვას.

დაკარგვის შეკუმშვა

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

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

რეალური მოგება მომგებიანი ოპტიმიზაციიდან მოდის.

დაკარგული კომპრესი

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

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

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

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

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

მოკლე ტექსტი

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

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

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

განახორციელოს ზარმაცი დატვირთვა

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

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

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

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

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

როგორ გამოვიყენოთ ზარმაცი დატვირთვა

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

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

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

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

WP Rocket- თან ერთად ზარმაცი დატვირთვის ჩართვის მიზნით, თქვენ მხოლოდ უნდა შეცვალოთ ეს შეცვლა:

WP Rocket Media

ასე ადვილი არ იქნებოდა!

ისიამოვნეთ თქვენი სწრაფი დატვირთვის სურათებით

შეაჯამოთ ის, რაც ახლახან ისწავლეთ…

თქვენს საიტზე ატვირთული უზარმაზარი სურათები ძალიან ნელა მიმდინარეობს. მხოლოდ ერთმა ამ სურათმა შეიძლება თქვენს საიტზე შეაჩეროს ჭკუა.

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

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

დაბოლოს, ზარმაცი დატვირთვა შესანიშნავი გზაა სურათების შერჩევით დატვირთვისთვის. თქვენ შეგიძლიათ გამოიყენოთ Optimole, a3 Lazy Load ან WP Rocket, რათა მყისიერად განახორციელოთ თქვენს საიტზე ზარმაცი დატვირთვა..

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

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

შეიძლება მოგეწონოთ,

როგორ დავაფიქსიროთ ნელი WordPress საიტის და ადმინისტრატორი (მუდმივად)

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map