6 התוספים הטובים ביותר לאופטימיזציה של תמונות וורדפרס של 2024 (+מבחני תמונה אמיתית)

11 דקות קריאה

תוֹכֶן הָעִניָנִים

טְעִינָה…

`; stack.push({ level: level, html: newItem }); } else { newItem += `${name}`; stack[stack.length – 1].html += newItem; } // הוסף ערך ל-JSON-LD tocEntries.push({ "@context": "https://schema.org", "@type": "SiteNavigationElement", "@id": "#elementor-toc", "name": name, "url": url }); }); // סגור את כל הרמות הפתוחות הנותרות while (stack.length > 1) { let lastItem = stack.pop(); stack[stack.length – 1].html += lastItem.html + '

'; } tocHTML = stack[0].html + "; tocContainer.innerHTML = tocHTML; // סיים את מבנה JSON-LD jsonLD["@graph"].push(…tocEntries); // הכנס את ה-JSON-LD לראש המסמך const script = document.createElement('script'); script.type = 'application/ld+json'; script.textContent = JSON.stringify(jsonLD, null, 2); document.head.appendChild(script); // הוסף מאזינים לאירועים עבור פונקציונליות האקורדיון tocContainer.addEventListener('click', function(e) { if (e.target.classList.contains('expander')) { const header = e.target.closest('.accordion- header'); const content = header.nextElementSibling; if (content && content.classList.contains('accordion-content')) { content.style.display = content.style.display === 'none' ? : 'none'; e.target.textContent = content.style.display === 'none' : '-' } }); });

רובנו יודעים שביצועי האתר חיוניים לדירוג במנועי החיפוש.

זה ידוע, אבל בעלי אתרים רבים עדיין מעלים תמונות ענק שגורמות לאתר שלהם להיטען לאט.

ישנם מספר תוספים למיטוב תמונות וורדפרס שפותרים את הבעיה הזו, ומכווצים אוטומטית את התמונות שלך לגודל קטן מספיק כדי לא להשפיע על ביצועי האתר, מבלי לאבד יותר מדי איכות ורזולוציה.

במאמר זה, אנו הולכים לבחון כמה מהתוספים הטובים ביותר למיטוב תמונות עבור וורדפרס כדי לעזור לאתר שלך להאיץ ולדרג טוב יותר.

טבלת השוואה

Image 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 1

איך בדקתי את התוסף?

לא רק סקרתי את טבלאות התכונות בדפי התמחור של כל מוצר – גישה נפוצה אך לא מספקת שראיתי במאמרים רבים.

במקום זאת, בדקתי ידנית כל תוסף על ידי התקנתם ושימוש בכל אחד מהם כדי לבצע אופטימיזציה של עמוד בודד באתר שלי, כולל אופטימיזציה של עשר תמונות גדולות.

בסקירה שלי ניסיתי להציע פרספקטיבה הוליסטית, תוך התמקדות לא רק ביעילות הדחיסה אלא גם בנוחות השימוש, בהשפעה על מהירות האתר ובמחיר סביר של התוכנית.

טבלת השוואת תכונות מלאה

כדי לעזור לך להשוות במהירות את התכונות העיקריות ומדדי הביצועים של כל תוסף, צירפתי להלן טבלת השוואה מפורטת. סקירה כללית זו תיתן לך תמונת מצב של מה שכל תוסף מציע, מה שיקל על ההחלטה מה עשוי להתאים לצרכים שלך.

Image 1 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 2

מהם תוספים לאופטימיזציה של תמונות?

תוספים לאופטימיזציה של תמונות מסייעים לבעלי אתרים בשיפור ביצועי האתר ומהירות הטעינה על ידי דחיסה יעילה של תמונות.

תוספים כאלה ממלאים תפקיד קריטי בשיפור זמני הטעינה של האתר, דירוג מנועי החיפוש וחווית המשתמש באמצעות טעינת דפים מהירה יותר.

הם מציעים תכונות לדחיסת תמונות אוטומטית, אופטימיזציה של גדלי קבצים מבלי לאבד איכות ולהגיש תמונות בפורמטים של הדור הבא.

סוגים שונים של תוספים לאופטימיזציה של תמונות וורדפרס זמינים כדי לסייע בשיפור יעילות האתר ומעורבות המבקרים. להלן כמה תכונות נפוצות של תוספים לאופטימיזציה של תמונות וורדפרס:

דחיסת תמונה אוטומטית
אופטימיזציה של תמונות בכמות גדולה עבור תמונות קיימות
המרה לפורמטים של תמונות מהדור הבא
כלים לשינוי גודל וחיתוך תמונה

הטמעת תוספים אלה יכולה להבטיח תמונות אתר אינטרנט אופטימליות, להוביל לזמני טעינה מהירים יותר ולשיפור הביצועים הכוללים. זה לא רק משפר את חווית המשתמש אלא גם תורם לדירוג גבוה יותר במנועי החיפוש ונוכחות מקוונת יעילה יותר.

מילה על הדחיסה האוטומטית של וורדפרס

האם אתה מודע לכך ש- WordPress מספקת תכונות מובנות של אופטימיזציה של תמונות?

גם ללא תוספים, וורדפרס עדיין תקטין את כל התמונות הגדולות שתעלה.

זה עשוי להוביל אותך לתהות מדוע בכלל יש צורך בתוסף ייעודי.

הסיבה היא שהדחיסה ש-WordPress מציעה לא מספיקה כדי להבטיח את רמת הביצועים הדרושה של האתר.

לדוגמה, העליתי את התמונה הזו מ- Unsplash ששקלה במקור 17.6MB, וורדפרס הפחיתה אותה ל-924KB. תוסף מתאים לאופטימיזציה של תמונה יצמצם אותו לכ-300KB, ויוודא שהאתר נטען במהירות הן בשולחן העבודה והן במכשירים ניידים. בנוסף, תוספים לאופטימיזציה של תמונות מציעים תכונות חשובות אחרות, כגון המרת תמונות לפורמט WebP היעיל יותר.

המבחן

התחלתי את ההשוואה הזו עם התקנת וורדפרס טרייה, והעליתי עשר תמונות שצילמתי במשרד לעמוד בודד.

Image 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 3

המקור של כל תמונה שוקל בערך 2MB, ולאחר ההעלאה וורדפרס כיווץ את המספר הזה לאיזשהו מקום בין 600-800KB.

אופטימיזציית תמונות של אלמנטור

מכיוון שאני עובד באלמנטור, אולי נראה לי מוטה כלפי המוצר שלנו. עם זאת, כפי שתראו, עברתי את אותו תהליך של התקנה ושימוש עבור כל התוספים שבדקתי, ואפילו מצאתי כמה תחומי שיפור ל-Image Optimizer.

Image 2 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 4

הגדרה ראשונית

לאחר התקנת התוסף החינמי, נתקלתי בתפריט די שימושי שכלל את כל ההגדרות שהייתי צריך:

Image 3 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 5

ההגדרה הראשונית כוללת חיבור לאתר של אלמנטור. עבור משתמשים חדשים שעדיין לא נרשמו, התהליך מעט ארוך יותר אך עדיין ניתן לניהול תוך מספר דקות.

האם זה עשה אופטימיזציה טובה?

התמונות שבדקתי ראו ירידה דרסטית בגודל, מ-693KB ל-165KB. באמצעות Google PageSpeed Insights, הציון לנייד השתפר מ-47 לפני האופטימיזציה ל-69 לאחר מכן. שני מדדי SEO חשובים נוספים השתפרו. ה-First Contentful Paint (FCP) ירד מ-2.7 ל-1.8, וה-Larst Contentful Paint (LCP) ירד מ-25.7 ל-5.6.

אם לוקחים בחשבון שלא עשינו אופטימיזציה מלבד לחיצה על כפתור האופטימיזציה, אלו תוצאות מרשימות מאוד.

ממשק משתמש

ל- Image Optimizer יש יתרון ממשק שאף תוסף אחר שבדקתי לא הציע: היכולת לעבוד ברקע. זה חשוב במיוחד עבור אתרים עם הרבה תמונות. עבור רוב התוספים, אתה צריך להישאר במסך האופטימיזציה לאורך כל תהליך האופטימיזציה, וזה באמת יכול לבזבז את הזמן היקר שלך. עם Image Optimizer, אינך צריך להשהות את הזרימה שלך כדי לחכות עד שהתוסף יסיים את האופטימיזציה.

לאחר התקנת Image Optimizer, כל תמונה שתעלה תעבור אופטימיזציה אוטומטית, וכן תומר ל-WebP. אתה גם מקבל מסך אופטימיזציה בכמות גדולה המאפשר לך לבצע אופטימיזציה אוטומטית של כל תמונות האתר הקיימות מראש.

התוסף הצליח לקחת כל אחת מהתמונות ולהקטין אותה מממוצע של 2MB לממוצע של 179KB. תכונה שימושית נוספת היא העובדה ש-Image Optimizer היה התוסף היחיד שעשה אופטימיזציה של התמונות ברקע, ומאפשר לך לנווט הרחק ממסך האופטימיזציה. זה גם בולט בתור הפלאגין היחיד שלא מוסיף לוח מחוונים נוסף תחת הגדרות, ושומר על כל המסכים שלו תחת מדיה.

האם זה פתרון חסכוני?

ככל שיש לך יותר תמונות באתר שלך, כך התמחור הופך לגורם מכריע בבחירת תוספי האופטימיזציה.

בעת מחקר עבור סקירה זו, ראיינתי מפתח שהעביר את האתר שלו מ-TinyPNG ל-Site Optimizer, והוא ציין שהוא מנהל אתר עם תמונות של 60K. במעבר למיטוב האתרים, הוא הצליח להפחית את ההוצאה שלו מכמה אלפי דולרים לחודש ל-$199 בשנה.

Image 4 6 Best Wordpress Image Optimization Plugins Of [Year] (+Real Image Tests) 6

החברה מאחוריה

כפי שציינתי, Image Optimizer מיוצר על ידי Elementor, בונה האתרים שהוא גם התוסף מספר 1 במאגר וורדפרס. אלמנטור היא חברה מבוססת, שנוסדה ב-2016, ומונה כיום למעלה מ-350 עובדים.

שורה תחתונה

תוסף Image Optimizer של אלמנטור מייחד את עצמו באמצעות האינטגרציה החלקה שלו עם וורדפרס, ומציע חוויה ידידותית למשתמש המשפרת משמעותית את מהירות האתר מבלי להקריב את איכות התמונה. כלי אופטימיזציה זה לא רק מצטיין בדחיסת תמונות לגדלים אופטימליים אלא גם מציג תכונות חדשניות כגון אופטימיזציה של רקע, הגדרת סטנדרט חדש ליעילות ואפקטיביות.