غالبًا ما يتطلب تحسين سرعة صفحتك دعمًا من أدوات متنوعة. يتم استخدام بعض هذه الأدوات لقياس سرعة الصفحة، بينما يتم استخدام البعض الآخر لتقليل حجم أصول صفحتك. في هذه المقالة، قمنا بإنشاء مكتبة لتكون بمثابة مرجع مفيد.

إذا أردنا سرد المناطق التي تغطيها الأدوات في هذه المقالة:

  • أدوات لتحديد سرعة الصفحة
  • أدوات لتقليل حجم الصورة
  • أدوات تحسين CSS وJavaScript وHTML

أدوات لتحديد سرعة الصفحة

  1. إحصاءات سرعة الصفحات في Google:  أداة سرعة الصفحة الأكثر شهرة. فهو يسجل المواقع باستخدام البنية التحتية لـ Lighthouse ويوفر بيانات من آخر 28 يومًا.
  2. اختبار صفحة الويب: منصة تقوم بثلاثة اختبارات مختلفة على بنيتها التحتية لتوفير نتائج متوسطة وتقدم تقريرًا أكثر تقنية باستخدام واجهة برمجة التطبيقات.
  3. Treo.sh: النظام الأساسي الوحيد الذي يقدم البيانات المرئية لآخر 12 شهرًا استنادًا إلى البنية التحتية لـ Pagespeed وCrUX.
  4. GTmetrix: أداة توفر رؤى حول سرعة الموقع باستخدام البنية التحتية لـ Lighthouse وتعطي النتيجة الخاصة بها.
  5. داريبووست: أداة توفر معلومات سرعة الموقع عن بنيته التحتية.
  6. تطبيق كاليبري: أداة تسمح لك بمقارنة صفحات متعددة مع المنافسين باستخدام البنية التحتية لـ Lighthouse.
  7. منحنى السرعة: أداة مدفوعة حيث يمكنك العثور على بيانات RUM وسرعة الموقع الاصطناعية.
  8. المختبر الأصفر: أداة مفيدة توفر مقاييس فريدة قابلة للتحسين على بنيتها التحتية.
  9. طقم السرعة: إحدى الأدوات النادرة التي لا تقوم بتشخيص مشكلات الموقع فحسب، بل تعالجها أيضًا، وهي متاحة كملحق WordPress وللمواقع العادية.
  10. Perfmatters.io: مكون إضافي خفيف الوزن للأداء في WordPress.

أدوات لتقليل حجم الصورة

  1. Imagify.io: أداة لتقليل أحجام الصور، مع واجهة برمجة التطبيقات (API) وملحق WordPress.
  2. Squoosh.app: أداة بسيطة وسريعة جدًا لتحويل الصور إلى تنسيقات مثل MozJPEG وOptiPNG وWebP.
  3. TinyJPG: أداة بسيطة لتقليل أحجام JPG.
  4. TinyPNG: نسخة PNG من الأداة السابقة.
  5. Compressor.io: منصة تعمل على ضغط تنسيقات JPEG وPNG وGIF وSVG وتتميز بصورها المقارنة.
  6. كراكن: واحدة من أقدم وأقوى الأدوات التي تدعم واجهة برمجة التطبيقات (API)، وتقدم تنسيقات JPEG وPNG وGIF وAnimated GIF وSVG، بالإضافة إلى مكونات WordPress وMagento الإضافية.
  7. Optimizilla: ضاغط ملفات JPEG وPNG بسيط ومفيد للغاية.
  8. ImageOptim: أداة عبر الإنترنت، مفيدة بشكل خاص لضغط الصور دفعة واحدة على أجهزة كمبيوتر Mac.
  9. سحق صور: أداة تقدم تحسينًا بدون فقدان للصور باستخدام مكونات Shopify وWordPress، وهي متاحة أيضًا عبر واجهة برمجة التطبيقات.
  10. Minifier: أداة صديقة لتحسين محركات البحث لـ Shopify تقوم بإنشاء علامات بديلة للصور.
  11. GIMP حفظ للويب: تطبيق لنظام التشغيل Windows يسمح بضغط الصور دفعة واحدة.
  12. أداة تحليل صور الموقع: أداة تخبرك بتنسيق الصورة الأكثر تحسينًا بناءً على عنوان URL المُدخل.

أدوات تحسين CSS وجافا سكريبت وHTML

  1. تحديث-SF: أداة تقوم بضغط CSS وJS وHTML في موقع واحد.
  2. CleanCSS: أداة مستخدمة على نطاق واسع لضغط CSS.
  3. ستايل أنيق: أداة تعمل على ضغط تنسيقات CSS وJS وHTML على منصة واحدة.
  4. محسن CSS: منصة توفر تحسين CSS.
  5. Tabifier: نظام أساسي يقوم بضغط هياكل أكواد HTML وCSS وJSON.
  6. Minifier: منصة تعمل على ضغط هياكل CSS وJS.
  7. CSS الحرجة: كود مصدر GitHub تم تطويره بواسطة Addy Osmani لاستخراج CSS المهم من الصفحات.
  8. تنقيةCSS: أداة مفيدة جدًا لفصل CSS غير المستخدم على الصفحة.

هذه الأدوات يمكن أن تعزز بشكل كبير أداء الموقع من خلال تحسين الجوانب المختلفة، بدءًا من قياس سرعة الصفحة وحتى تقليل حجم الأصول وتحسين التعليمات البرمجية.