مرحباً بك في عالمي! عمر الحربي شريكك التقني Omar Harbi Your Technical Partner

موقعك اسرع مما مضى مع gzip

موقعك اسرع مما مضى مع gzip

تسريع المواقع

 

ارحب بكم انا عمر الحربي واشكر لكم اهتمامكم و زيارتكم!
سنتناول في موضوعنا هذا ثلاثة محاور اساسية وهي كالتالي: تعريف مختصر حول gzip, وماذا نستفيد منها نحن كأصحاب المواقع الالكترونية, بالاضافة الى كيفية تفعيلها في مواقعنا .

 

 ماهو gzip ?

“gzip” هو عبارة عن تطبيق يستخدم لظغط الملفات بأنواعها مما يتيح تقليص حجم الملفات بشكل فعال, وهو تطبيق مجاني يستخدم في نظام التشغيل يونيكس Unix, وكان انطلاق هذا التطبيق في عام 1992 .

 

 

optimization

 

 

بماذا يفيد مواقعنا gzip ?

في حال تفعيل gzip فأنه سيقوم بظغط محتويات صفحات مواقعنا بالتالي سيكون الموقع اسرع بفضل هذا التطبيق لاسيما انه قلص احجام المحتويات مما سينتج عن ذلك موقع سريع وبالتالي فأن الزوار سيسعدون بذلك وانا وانت نعرف جيداً ذلك الشعور الممل حينما تقوم بتصفح موقع بطيئ, كما في رأيي الشخصي ان الـ gzip سيقلص معدل نقل البينات مما سنوفر في الترافيك (البنادويث) . مع ملاحظة انه بالامكان ظغط ملفات معينة او امتدادات معينة كأن يرغب صاحب موقعاً ما ان يظغط الصور فقط  او ملفات الانماط css وغيرها. ادناه تصور سريع لما يحدث في حال تفعيل او عدم تفعيل الـ gzip .

 

 

اولا: ماذا سيحصل اذا كان الخادم لا يعمل بخاصية GZIP  😥

gzip-off

 

 

المتصفح :

  • يتصل بالخادم و صفحة الطلبات.
  • يخبر الخادم بأنه يدعم خاصية gzip.

 

الخادم (السيرفر) :

  • يستقبل الطلب من المتصفح ولكنه لا يعرف اصلا gzip,لأنها غير مفعل لديه, وبالتالي سيتجاهل الطلب الذي قدمه المتصفح وسيرسل الصفحة غير مظغوطة.  😥

 

المتصفح :

  • يتلقى الصفحة من الخادم
  • يقوم بعرضها

 

 

 

ثانياً: ماذا سيحصل اذا كان الخادم  يعمل بخاصية GZIP :        😀

gzip-on

 

 

المتصفح :

  • يتصل بالخادم و صفحة الطلبات.
  • يخبر الخادم بأنه يدعم خاصية gzip.

 

الخادم (السيرفر) :

  • يعرف الخادم بأن المتصفح يدعم gzip.
  • يقوم بأرسال ترميز gzip مع رأس الصفحة للمتصفح .

 

المتصفح :

  • يتلقى الصفحة من الخادم
  • يفك ترميز gzip
  • يقوم بعرضها

 

 

 

اعجبك gzip وتريد تفعيله في موقعك ؟

بالحقيقة هناك عدة طرق وايضاً اشير الى امر انه يختلف اعداد موقع عن موقع اخر لكن سأحاول ان اوضح طريقة سهلة واكثر شمولية لأشهر محتويات المواقع. اولا ادخل لملفات موقعك وحسب رغبتك اما عن طريق السي بنل او الاف تي بي وتوجه الى المجلد الرئيسي لموقعك وابحث عن ملف .htaccess واذا لم تجد هذا الملف قم بأنشاءه  وادرج بداخله هذه الاكواد واحفظ الملف:

 

 

<IfModule mod_deflate.c> <IfModule mod_filter.c> AddOutputFilterByType DEFLATE text/plain text/html application/x-httpd-php-source AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript AddOutputFilterByType DEFLATE font/truetype application/x-font-ttf font/opentype application/x-font-otf </IfModule> </IfModule>

 

وحتى تتأكد انك قد فعلت الـ gzip بنجاح قم بزيارة هذا الموقع وضع رابط موقع وسيخبرك بالنتيجة : http://www.whatsmyip.org/http-compression-test
وانا بنفسي بعد ان قمت بأدراج الاكواد التي بالاعلى لموقعي http://omarharbi.net قمت بعمل الاختبار وظهرت لي النتيجة التالية مؤكدة ان بالفعل تم الظغط وتم تقليص حجم صفحة موقعي  😉

Capture

 

 

وهناك طريقة اخرى في حال اذا لم تنجح الطريقة الاولى وكنت تستخدم php في موقعك, وذلك عن طريق اضافة الكود ادناه في صفحة index.php مع ملاحظة وضعه في اول سطر. (ينصح اخذ نسخة احتياطية قبل التعديل).

<? ob_start(“ob_gzhandler”); ?>

 

وبالنهاية, اتمنى لكم تجربة رائعة ومواقع سريعة, تحياتي لكم
ملاحظة :

  • اعتمد في هذه المقالة على المصادر التالية : wikipediaGoogle Webmasters
  • من تواجهه اي صعوبة او يرغب بالمساعدة فأنا ارحب بذلك مجانا وذلك عن طريق التواصل معي.

 

 



[stylebox color=”blue” icon=”buy”]”ان الانترنت بوابة لنشر خدماتك و زيادة مبيعاتك فسخرها في صالحك “. اظغط هنا لطلب تصميم موقعك.[/stylebox]


اهلاً بك! اذا كنت مهتم في مجال التسويق الالكتروني وتطوير المواقع الالكترونية يسعدني ارسال لك مقالات بشكل دوري وذلك بعد ان تسجل بريدك في القائمة.

بريدك الإلكتروني (مطلوب)

رقم الجوال(اختياري)

التحقق البشري: captcha


Bookmark and Share