كيف تزيد سرعة تصفح موقعك
إن سرعة تصفح المواقع تؤثر فيها مجموعة من العوامل المختلفة و المتشابكة، كسرعة خط الأنترنت لدى الزائر و القرب من الخادم الذي يستضيف الموقع...و التي لا يملك مطور الموقع أي سلطة عليها، لكن هناك متغيرات أخرى تؤثر في سرعة التصفح بشكل كبير و التي يمكن للمطور أن يحسنها لتسريع تحميل صفحات موقعه بشكل ملموس و الإنقاص من الباندويث التي يمكن أن تكلف غاليا في حالة المواقع النشيطة. إحدى هاته الطرق هي ضغط ملفات HTML و CSS و JS عن طريق gzip أو deflate ; الذي يمكن أن يقلل من حجمها بنسبة تصل حتى 70 في المئة و بالتالي فزوارك سيلاحظون تحسنا ملحوظا في سرعة التصفح و يجعل تجربتهم في موقعك أكثر إمتاعا.
شرح لطريقة ضغط الملفات
يقوم المتصفح بطلب صفحة تتضمن مثلا ملف اسمه index.html و يرسل مع الطلب معلومة في الهيدر تحدد إمكانية قبوله لملفات مضغوطة من عدمه، يصل الطلب إلى الخادم الذي يقوم في الحالة العادية بالبحث عن الملف و إرساله إلى المتصفح لكن في حالة تفعيل ضغط الملفات يتأكد أولا من أن المتصفح يقبل ضغط الملفات، إذا كان الجواب بنعم يقوم بضغط الملف ثم يرسله إلى المتصفح و إذا كان الجواب بلا يرسل الملف بدون ضغط. عندما يستلم المتصفح الملف يقوم بفك ضغطه و عرضه للمستخدم.
لضغط ملفات HTML و CSS و JS باستخدام الأباش 2 ، أضف الرمز التالي إلى ملف .htaccess :
AddOutputFilterByType DEFLATE text/html text/plain text/css text/javascript application/xjavascript text/xml
إذا لم تتمكن
من تعديل ملف .htaccess لسبب
من الأسباب يمكنك لضغط الملفات باستخدام
php أضف هذا الرمز إلى أعلى
الصفحات بامتداد .php :
<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>
هكذا سيتم ضغط ملفات html التي يولدها php فقط، أما بالنسبة لملفات css فاستعمل الكود التالي:
<?php ob_start ("ob_gzhandler"); header("Content-type: text/css; charset: UTF-8"); ?> \\قم بلصق أكواد CSS هنا ثم قم بحفظ الملف بامتداد .php
بالنسبة لجافاسكربت :
<?php ob_start ("ob_gzhandler"); header("Content-type: text/javascript; charset: UTF-8"); ?> \\قم بلصق أكواد الجافاسكربت هنا ثم قم بحفظ الملف بامتداد .phpالضغط عن طريق الأباش أكثر سهولة و فعالية و بالتالي فنحن نفضله أكثر من طريقة php. لتتأكد من ان صفحاتك مضغوطة و تتعرف نسبة الحجم الذي وفرته عملية الضغط يمكنك استعمال هذا الموقع :http://www.gidnetwork.com/tools/gzip-test.php
التعليقات
إضافة تعليق