بعض الأدوات لأداء الضغط

لحسن الحظ ، ليس عليك بالضرورة أن تكون مطورًا أو تعرف إحدى لغات البرمجة لتقليل أحجام ملفات موقع الويب الخاص بك. أصبح التصغير ممارسة شائعة في عالم تصميم الويب. لذلك لا ينبغي أن تتفاجأ عندما تعلم أن هناك العديد من الأدوات الرائعة (والمجانية) للقيام بالمهمة نيابة عنك.

انظر أيضا لدينا 6 إضافات ووردبريس لبث حياة جديدة في مقالاتك

فيما يلي قائمة بالأدوات المفيدة للبدء. نظرًا لأن العديد من هذه يمكن أن تقلل من أنواع متعددة من التعليمات البرمجية ، فقد قمت بتضمين خيارات نوع الكود بين قوسين.

• • cssminifier.com et javascript-minifier.com (CSS و JS) - هذان المصغران بواسطة Andrew Chilton سهل الاستخدام. تحتاج فقط إلى لصق الكود الخاص بك ، ثم النقر فوق الزر قلل لعرض الرمز المضغوط. يمكنك حتى تنزيل رمز الخروج كملف للراحة.
  • htmlcompressor.com (HTML و CSS و JS) - تدعم أداة الضغط / التصغير عبر الإنترنت أنواع أكواد HTML و CSS و JS. حتى أنه يدعم مجموعات مختلفة من أنواع الأكواد مثل CSS + PHP و JavaScript + PHP. ويمكنك حتى التحقق من وجود أخطاء في التعليمات البرمجية المضغوطة.

• • csscompressor.net (CSS فقط) - ضاغط CSS عبر الإنترنت سريع وسهل ومجاني للاستخدام.

• • jscompress.com (JS only) - تسمح لك أداة ضغط JavaScript هذه بضغط تعليمات JavaScript البرمجية عن طريق النسخ واللصق ، ولكن يمكنك أيضًا تنزيل ملفات JavaScript متعددة في وقت واحد. هذا مثالي لدمج ملفات JavaScript في ملف واحد لتحسين سرعة تحميل الصفحة.
  • أدوات دان - أدوات دان اقتراح الامم المتحدة تصغير CSS و واحد تصغير جافا سكريبت . تتمتع كلتا الأداتين بواجهة مستخدم نظيفة وسهلة الاستخدام حقًا. لا تقدم أي خيارات متقدمة ، لكنها رائعة لأغراض التصغير الشائعة.

• • refresh-sf.com (HTML و CSS و JS) - سيقلل هذا الضاغط من أنواع أكواد JavaScript و CSS و HTML. يتضمن أيضًا جميع خيارات الضغط لكل نوع من أنواع التعليمات البرمجية إذا كنت بحاجة إليها.
  • مترجم إغلاق (JS only) - يعتبر Closure Compiler جزءًا من أدوات الإغلاق ، وهي مجموعة أدوات من Google Developers. يتيح لك تصغير JavaScript إلى جانب تحسينات مفيدة أخرى. يمكنك استخدام كود Javascript الخاص بك عن طريق إدخال عنوان URL لموقع ملف js ثم اختيار الطريقة التي تريد أن يتم بها تحسين التعليمات البرمجية وتنسيقها. 

على سبيل المثال ، اخترت تحسين الكود الخاص بك لإزالة الفراغات فقط إذا كنت تريد. بمجرد النقر فوق زر الترجمة ، سيؤدي ذلك إلى تقليل الشفرة (أو تجميعها) لك.

• • minifycode.com (HTML و CSS و JS) - يقدم هذا الموقع مصغرات لـ جافا سكريبت , CSS et HTML مع واجهة مستخدم بسيطة ونظيفة تضغط التعليمات البرمجية الخاصة بك بنقرة واحدة. كما يقدم أداة "تجميل" لإلغاء ضغط الكود المصغر لجعله أكثر قابلية للقراءة (على عكس التصغير).

إذا كنت تبحث عن أدوات غير متصلة بالإنترنت لتقليل CSS أو JavaScript HTML محليًا ، فإليك بعض الخيارات:

• phpied.com/cssmin-js/ (CSS فقط)
• yui.github.io/yuicompressor (JS و CSS)

كيفية تقليل حجم HTML و CSS و JavaScript باستخدام أداة عبر الإنترنت

تحتوي العديد من هذه الأدوات عبر الإنترنت على عملية مشابهة تتضمن الخطوات التالية:

• الصق شفرة المصدر أو قم بتنزيل ملف التعليمات البرمجية المصدر. 
• تحسين الإعدادات لمخرج معين (إذا كانت الخيارات متوفرة)
• انقر فوق زر لضغط الرمز.
• انسخ نتيجة الكود المصغر أو قم بتنزيل ملف الكود المصغر.

على سبيل المثال ، سأستخدم أدوات التصغير من minifycode.com.

انظر أيضا: كيفية إضافة رمز المغلق بأمان على وورد من خلال استشارة هذا الرابط.

أولاً ، حدد موقع ملف CSS (المعروف باسم style.css) في ملفات موقع الويب الخاص بك وافتحه باستخدام محرر الصفحة. ثم انسخ كل كود CSS إلى الحافظة الخاصة بك.

اذهب إلى minifycode.com وانقر فوق علامة التبويب CSS minifier. ثم الصق كود CSS في مربع الإدخال وانقر على الزر تصغير CSS.

بمجرد إنشاء الرمز المصغر الجديد ، قم بنسخه.

ثم العودة إلى ملف CSS لموقع الويب الخاص بك واستبدال الكود بالإصدار المبسط الجديد.

هذا كل شيئ !

كرر نفس العملية لتقليل ملف (ملفات) JavaScript و HTML لموقعك على الويب.

كيفية تصغير HTML و CSS وجافا سكريبت في WordPress باستخدام الإضافات

أسهل طريقة لتقليل HTML و CSS وجافا سكريبت في WordPress هي استخدام مكون إضافي. يتيح لك ذلك تحسين ملفات موقع WordPress الخاصة بك تلقائيًا لتقليل وقت تحميل الصفحة بنقرات قليلة على الزر.

هناك الكثير من المكونات الإضافية التي ستنجز المهمة ، لكنني سأذكر بإيجاز بعض الأمثلة.

تعديل تلقائي (مجاني)

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

لاستخدام Autoptimize ، يمكنك تنزيل وتثبيت وتنشيط المكون الإضافي من لوحة معلومات WordPress الموجودة أسفل البرنامج المساعد> إضافة جديد.

لمزيد من المعلومات ، انظر دليلنا على:  كيفية تثبيت البرنامج المساعد في وورد

بمجرد تنشيط البرنامج المساعد ، انتقل إلى الإعدادات> التحسين التلقائي. بعد ذلك ، ضمن علامة التبويب "المعلمات الرئيسية" ، تحقق من الكود الذي تريد تحسينه (HTML و / أو CSS و / أو JavaScript) وانقر فوق Eحفظ التغييرات.

يمكنك أيضًا النقر فوق الزر عرض الإعدادات المتقدمة في الجزء العلوي من الصفحة لمزيد من تخصيص تحسين الكود الخاص بك.

إنه أكثر أو أقل من ذلك! بسيطة للغاية وقوية.

ذاكرة التخزين المؤقت الإجمالية W3 (مجانًا)

W3 المشاركات الكاش هو مكون إضافي ممتاز للتخزين المؤقت يوفر إمكانية تقليل ملفات HTML و JS و CSS.

الفسفور الابيض أسرع ذاكرة التخزين المؤقت (مجانا)

WP أسرع ذاكرة التخزين المؤقت - هذا البرنامج المساعد WordPress التخزين المؤقت تحظى بشعبية كبيرة مع ارتفاع الاستعراضات. ينفذ تحسينات متنوعة في الأداء ، بما في ذلك الجمع بين HTML CSS و JavaScript وخفضهما للحصول على أداء أفضل.

اقرأ أيضا مقالتنا على 8 وورد الإضافات لإضافة الدردشة الحية على بلوق

بمجرد تثبيت البرنامج المساعد ، ما عليك سوى النقر فوق علامة التبويب WP أسرع ذاكرة التخزين المؤقت في الشريط الجانبي للوحة تحكم WordPress. تحت علامة التبويب الإعدادات، ستجد خيارات لدمج وتقليل ملفات HTML و CSS. على الرغم من تصغير JavaScript لا يتوفر إلا في الإصدار المحترف.

لتلخيص

إذا كنت ترغب في جعل مدونتك أسرع وأداء أفضل ، فأنت بحاجة إلى تقليل حجم ملفات HTML و CSS وجافا سكريبت. مع جميع الأدوات المتاحة عبر الإنترنت ، يمكنك بسهولة تقليل رمز أي موقع ويب. 

ملحقات 9 WordPress لإخفاء محتوى مدونتك لاكتشاف تماما

بالنسبة لأولئك الذين يستخدمون WordPress ، لديك تحت تصرفكم إضافات قوية لتقليل هذه الملفات تلقائيًا ببضع نقرات.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

وفي الختام