سرعة فائقة وخفض ترافيك موقعك من جوجل
2011-11-25, 4:05 pm
أثناء قراءتى منذ أيام فى إحدى
المواقع ذات الصلة إكتشفت شيئاً عجيباً لم أكن أعلمه من قبل ... كلنا نعلم
أن منتدياتنا مليئة بالسكربتات مثل الجافا حيث لا غنى لأى منتدى عنها ... لكن هذه الملفات ثقيلة وتحميلها يتسبب فى بطئ التصفح وإستهلاك موارد
السيرفر الخاص بموقعك أو ما يعرف بالترافيك أو مساحة نقل البيانات ...
الشيئ العجيب الذى عرفته من الموقع الأجنبى أن العم جوجل يمنحنا خدمة
مجانية ولكننا لا نستغلها ألا وهى إستخدام سيرفراته العملاقة بدلاً من
سيرفراتنا فى تحميل الملفات الثقيلة كالجافا وغيرها وهناك مكتبة كبيرة عن
الملفات والخدمات التى يمكننا إستخدامها والمتوفرة بمكتبة جوجل أو:
Google API Library
وهذا هو رابط المكتبة من جوجل شخصياً:
Google Libraries API - Developer's Guide - Google Libraries API - Google Code
المكتبة تحتوى على خيارات متنوعة ومتعددة وقد قمت بتجربتها جميعاً مستعملاً
إختبار جوجل لقياس سرعة المواقع وهذا رابطه قبل وبعد كل تطبيق:
Page Speed Online
والآن كيف نستغل هذه المكتبة الضخمة من جوجل لتسريع مواقعنا وتوفير نفقات الإستضافة فى نفس الوقت
ما يهمنا فى كل المكتبة هو الملفات من نوع:
prototype
script_aculo_us
طريقة التطبيق سهلة وبسيطة للغاية إن شاء الله
نروح على قالب header فى الإستايل الذى تريد التطبيق عليه وتضع هذين الكودين من جوجل بين الدالتين:
<head> </head>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
وبهذا يكون إنتهى التركيب وبعدها لاحظ الفارق فى السرعة بنفسك ... تحياتى
ملحوظة: توجد طريقة أخرى لتركيب نفس الأكواد فى ملف htaccess. لمن يريدها
لكن النتيجة واحدة فى كلتا الحالتين فأخترت لكم الطريقة الأسهل.
سرعة التصفح بموقعى بعد تركيب الأكواد وصلت 81 من 100 على مقياس جوجل
بالرغم من أن الإستايل عندى به العديد من الصور والأيقونات والهاكات
المواقع ذات الصلة إكتشفت شيئاً عجيباً لم أكن أعلمه من قبل ... كلنا نعلم
أن منتدياتنا مليئة بالسكربتات مثل الجافا حيث لا غنى لأى منتدى عنها ... لكن هذه الملفات ثقيلة وتحميلها يتسبب فى بطئ التصفح وإستهلاك موارد
السيرفر الخاص بموقعك أو ما يعرف بالترافيك أو مساحة نقل البيانات ...
الشيئ العجيب الذى عرفته من الموقع الأجنبى أن العم جوجل يمنحنا خدمة
مجانية ولكننا لا نستغلها ألا وهى إستخدام سيرفراته العملاقة بدلاً من
سيرفراتنا فى تحميل الملفات الثقيلة كالجافا وغيرها وهناك مكتبة كبيرة عن
الملفات والخدمات التى يمكننا إستخدامها والمتوفرة بمكتبة جوجل أو:
Google API Library
وهذا هو رابط المكتبة من جوجل شخصياً:
Google Libraries API - Developer's Guide - Google Libraries API - Google Code
المكتبة تحتوى على خيارات متنوعة ومتعددة وقد قمت بتجربتها جميعاً مستعملاً
إختبار جوجل لقياس سرعة المواقع وهذا رابطه قبل وبعد كل تطبيق:
Page Speed Online
والآن كيف نستغل هذه المكتبة الضخمة من جوجل لتسريع مواقعنا وتوفير نفقات الإستضافة فى نفس الوقت
ما يهمنا فى كل المكتبة هو الملفات من نوع:
prototype
script_aculo_us
طريقة التطبيق سهلة وبسيطة للغاية إن شاء الله
نروح على قالب header فى الإستايل الذى تريد التطبيق عليه وتضع هذين الكودين من جوجل بين الدالتين:
<head> </head>
<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js"></script>
وبهذا يكون إنتهى التركيب وبعدها لاحظ الفارق فى السرعة بنفسك ... تحياتى
ملحوظة: توجد طريقة أخرى لتركيب نفس الأكواد فى ملف htaccess. لمن يريدها
لكن النتيجة واحدة فى كلتا الحالتين فأخترت لكم الطريقة الأسهل.
سرعة التصفح بموقعى بعد تركيب الأكواد وصلت 81 من 100 على مقياس جوجل
بالرغم من أن الإستايل عندى به العديد من الصور والأيقونات والهاكات
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى