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

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

  • כלים לקביעת מהירות הדף
  • כלים להקטנת גודל התמונה
  • כלי אופטימיזציה של CSS, JavaScript, HTML

כלים לקביעת מהירות עמוד

  1. Google Pagespeed Insights:  הכלי הידוע ביותר למהירות דף. הוא מדרג אתרים באמצעות תשתית Lighthouse ומספק נתונים מ-28 הימים האחרונים.
  2. בדיקת דף אינטרנט: פלטפורמה שמבצעת שלוש בדיקות שונות על התשתית שלה כדי לספק תוצאות ממוצעות ומציעה דוח טכני יותר עם API.
  3. Treo.sh: הפלטפורמה היחידה שמציגה נתונים חזותיים של 12 החודשים האחרונים על בסיס תשתית Pagespeed ותשתית CrUX.
  4. GTmetrix: כלי המספק תובנות על מהירות האתר באמצעות תשתית Lighthouse ונותן ציון משלו.
  5. דרבוסט: כלי המספק מידע על מהירות האתר על התשתית שלו.
  6. אפליקציית Calibri: כלי המאפשר לך להשוות דפים מרובים עם מתחרים באמצעות תשתית Lighthouse.
  7. SpeedCurve: כלי בתשלום שבו אתה יכול למצוא RUM ונתוני מהירות אתרים סינתטיים.
  8. Yellowlab: כלי שימושי המספק מדדים ייחודיים הניתנים לשיפור על התשתית שלו.
  9. ערכת מהירות: אחד הכלים הנדירים שלא רק מאבחן אלא גם מטפל בבעיות אתרים, זמין כתוסף וורדפרס ועבור אתרים רגילים.
  10. Perfmatters.io: תוסף ביצועים קל משקל לוורדפרס.

כלים להקטנת גודל התמונה

  1. Imagify.io: כלי להקטנת גדלי תמונות, עם API ותוסף וורדפרס.
  2. Squoosh.app: כלי מאוד פשוט ומהיר להמרת תמונות לפורמטים כמו MozJPEG, OptiPNG ו-WebP.
  3. TinyJPG: כלי פשוט להקטנת גדלי JPG.
  4. TinyPNG: גרסת ה-PNG של הכלי הקודם.
  5. Compressor.io: פלטפורמה שדוחסת פורמטים של JPEG, PNG, GIF ו-SVG ובולטת עם הוויזואליה ההשוואתית שלה.
  6. קראקן: אחד הכלים הוותיקים והחזקים ביותר עם תמיכה ב-API, המציע פורמטים של JPEG, PNG, GIF, אנימציה GIF ו-SVG, יחד עם תוספים של WordPress ומג'נטו.
  7. Optimizilla: מדחס קבצי JPEG ו-PNG פשוט ושימושי במיוחד.
  8. ImageOptim: כלי מקוון, שימושי במיוחד עבור דחיסת תמונות אצווה במחשבי Mac.
  9. Crush Pics: כלי המציע אופטימיזציה ללא הפסדים עבור תמונות עם תוספי Shopify ו-WordPress, זמין גם דרך API.
  10. מכפיל: כלי ידידותי לקידום אתרים עבור Shopify שמייצר תגיות alt לתמונות.
  11. שמירה של GIMP לאינטרנט: אפליקציה עבור Windows המאפשרת דחיסת תמונה אצווה.
  12. כלי ניתוח תמונה לאתר: כלי שאומר לך איזה פורמט תמונה מותאם יותר על סמך כתובת האתר לקלט.

CSS, JavaScript, כלי אופטימיזציה של HTML

  1. רענן-SF: כלי שדוחס CSS, JS ו-HTML הכל באתר אחד.
  2. CleanCSS: כלי בשימוש נרחב לדחיסת CSS.
  3. סטייל מסודר: כלי שדוחס פורמטים של CSS, JS ו-HTML בפלטפורמה אחת.
  4. CSS אופטימיזציה: פלטפורמה המספקת אופטימיזציה של CSS.
  5. Tabifier: פלטפורמה שדוחסת מבני קוד HTML, CSS ו-JSON.
  6. מכפיל: פלטפורמה הדוחסת מבני CSS ו-JS.
  7. CSS קריטי: קוד מקור של GitHub שפותח על ידי Addy Osmani כדי לחלץ CSS קריטי מדפים.
  8. PurifyCSS: כלי שימושי מאוד המפריד בין CSS לא בשימוש בדף.

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