التسجيل الدخول الطلبات والإستشارات

ضغط الموقع وتقليل زمن التحميل

كيف تصمم موقع سريع وتكسب صداقة محركات البحث

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

بالإضافة إلي المكونات الموجودة بشكل مباشر داخل بنية الصفحة توجد مكونات أخرى يمكن لبعضها إضافتها ضمن بنية الصفحة أو إبقائها خارج الصفحة مع عمل إرتباط لها مثل ملفات النسق Style files و ملفات الجافا (JavaScripts) و أخرى لا يمكن و ضعها بالصفحة بشكل مباشر مثل الصور حيث يتم إحضارها و تنفيذها علي المستعرض (Browser) للحصول علي الشكل النهائي لصفحة HTML.

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

ضغط الملفات

ضغط الملفات هي من الوسائل الفعالة في تقليل حجم الحركة ( جولات الذهاب و الإياب ) فيما بين جهاز المستخدم و خادم الموقع (Web Server) و بالتالي تقليل الزمن اللازم لإكتمال عناصر و مكونات الصفحة ليتم فهمها و عرضها علي المستعرض ( مثل الفايرفوكس و غيره ) و هو ما يسمي بزمن التحميل (load time) , ومن الأمور الجيدة عند ضغط الملفات هو تسريع الصفحة دون الحاجة إلي إعادة تصميم الموقع , فهو لا يستوجب أعادة تصميم الصفحة وإنما يتطلب تفعيل بعض الخيارات المتوفرة بخادم الإستضافة .

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

المكونات التي يمكن ضغطها

• ضغط صفحات ال Html و الملفات النصية txt.
• ضغط صفحات ال PHP و غيرها من صفحات النصوص البرمجية مثل ASP.
• ضغط ملفات الجافا سريبت (JavaScripts ).
• ضغط ملفات النسق ( Style Files ).
• ضغط الصور.

للقيام بعملية ضغط لأي نوع من الملفات السابقة يجب التأكد أولا من دعم خادم الإنترنت لعملية الضغط , يمكن التأكد من ذلك - بالنسبة للخادم الذي يدعم لغة php - عن طريق أستعمال الأمر phpinfo() بإتباع الخطوات التالية :

• قم ببناء ملف php جديد.
• إحفظ الملف داخل أي مجلد متاح للإستعمال من جانب خادم الإنترنت لديك (مثال test.php) .
• أكتب بالملف النص التالي:
  phpinfo();
?>
• شغل الملف الملف الذي قمت بإنشاه

مثال http://mydomain.com/test.php

• تاكد من و جود zlib.inflate, zlib.deflate ضمن تقرير المكونات المركبة بالموقع .

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

ضغط ملفات HTML و ملفات txt

ملاحظة مهمة : قبل القيام بعملية تعديل لملف htaccess قم بعمل نسخة منه و كن جاهزاً في حالة حدوث أي خطا لإعادة الملف القديم . موقعك سيتوقف عن العمل في حالة و جود أخطاء بهذا الملف .

• قم بتعديل ملف htaccess بأضافة السطور التالية . ستجد هذا الملف بالمستوى العلوي من مجلدات الموقع
  # comcodess all text and html:
AddOutputFilterByType DEFLATE text/html text/plain text/xml


ضغط الصور

• عدل ملف htaccess ليحوى السطور التالية ليتم ضغط الملفات SetOutputFilter DEFLATE SetEnvIfNoCase Request_URI \ \.(?:gif|jpe?g|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \ \.(?:exe|t?gz|zip|gz2|sit|rar)$ no-gzip dont-vary

صفحات ال PHP و غيرها من صفحات النصوص البرمجية مثل Asp

سنتناول ضغط ملف من النوع php , بالنسبة لملفات asp يرجي الرجوع إلي العبارات المقابلة .

• أضف العبارات التالية إلي بداية كل صفحة من صفحات php
  

ضغط ملفات css

• إحفظ ملف النسق بالإمتداد php مثلا (style.css.php)
• أضف السطور التالية إلي الملف
  
• أضف السطور التالية إلي ملف htaccess
  
ForceType application/x-httpd-php php_value auto_prepend_file "المسار/style-css.php"


---

إحصائيات المواقع : 11798 المؤشرات : 1194709 المفحوص اليوم : 24 المتواجدون : 24

أليكسا| بيج رانك جوجل| تصميم الموقع| فهرسة الصفحات| كلمات البحث
فحص الصفحة| فحص المحتوى| فحص الروابط| محرر كثافة الكلمات| معالج الصفحة
خارطة الموقع| RSS| اتصل بنا| شروط الخدمة
المشاركون| طاقم إشهار 909