كيف تقلل من عدد الطلبات requests في صفحتك الالكترونيه بنسبة 39% لتقلل الوقت المطلوب لتحميل موقعك – الجزء الثاني

WordPress Plugins

السلام عليكم

تلك هي التدوينه السابعة/الثامنة حيث كتبت في اليوم السابع و تم تعديلها في اليوم الثامن بدلا من كتابه جزء ثالث لها هذا ضمن تحدي التدوين لمدة 30 يوم  وكما وعدت أن في الفترة القادمة ستتخذ التدوينات طابع تقني أكثر اليوم اكمل الجزء الثاني لتدوينه أمس عن كيف يمكن تقليل عدد الطلبات التي ترسلها صفحات موقعكم بنسبة 39% عبر استبدال أزرار المشاركة التي طورتها الشبكات الاجتماعية -أزرار الإعجاب من فيسبوك و تويتر …- بروابط مشاركة ثابتة لمشاركة المحتوي علي تلك الشبكات, و بالتالي تقليل الوقت اللازم للانتهاء من تحميل صفحات موقعكم.

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

بالعودة للحديث عن الوردبريس قمت بإنشاء إضافة لاستخدامها مع أي قالب تستعمله في مدونتك الإضافة في مراحلها الأولية وسيتم أضافه بعض الخصائص عليها حتي الآن ما تقوم به الإضافة هوا أضافه سطر يحتوي علي أيقونات كل من فيسبوك, تويتر, لنكدان و جوجل+ بالإضافة إلى رابط للتعليقات. كما هوا مبين بالصورة

social

الإضافة تعتمد علي داله function واحدة هي ما تقوم بإضافة المحتوي المكتوب مسبقا في داخل الإضافة و إضافة الأزرار تكون وقت الاستعراض كل مره أي لا يتم حفظ تلك الأزرار في قاعدة البيانات, و هذا هوا الكود الخاص بتلك ألداله

//check if the function was not already defined
if( !function_exists("eslam_me_wordpress_post_suffix")){
function eslam_me_wordpress_post_suffix($content){
$post_link = get_permalink($GLOBALS['post']->post_id);
$post_title = $GLOBALS['post']->post_title;
$suffix = '
<div class="eslam_me_wordpress_post_suffix">
<a target="_blank" href="' . $post_link . '">
<img style="margin: 0 5px;" alt="Comments button" src="'.plugins_url( 'images/comments.png', __FILE__).'">
</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=' . $post_title . ' by @eslam_mahmoud&url=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Twitter button" src="'.plugins_url( 'images/twitter.png', __FILE__).'">
</a>
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Facebook button" src="'.plugins_url( 'images/facebook.png', __FILE__).'">
</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?url=' . urlencode($post_link) . '&title=' . $post_title . '&summary=' . $post_title . '">
<img style="margin: 5px;" alt="LinkedIn button" src="'.plugins_url( 'images/linkedin.png', __FILE__).'">
</a>
<a target="_blank" href="https://plus.google.com/share?url=' . urlencode($post_link) . '">
<img style="margin: 0 5px;" alt="Google+ button" src="'.plugins_url( 'images/googleplus.png', __FILE__).'">
</a>
</div>
';
//to change the posts only
if( !is_page( ) ){
// append the $suffix text to the end of `the_content`
return $content . $suffix;
} else{
return $content;
}
}
//add our filter function to the hook
add_filter('the_content', 'eslam_me_wordpress_post_suffix');
}

 كما هوا ملاحظ لمن لديه خبرة في تطوير الإضافات للوردبريس الإضافة تعتمد علي مجموعة من الصور موجودة في نفس المجلد الخاص بالإضافة تحت مجلد آخر اسمه images ويمكنكم أستبدال تلك الصور بالصور التي تريدون و موجود نسخ عن تلك الصور في مجلد الإضافة علي GitHub. الإضافة تعمل علي إضافة أزرار الشبكات الاجتماعية للتدوينات فقط ولا تعمل علي الصفحات و تضيفها لهم في صفحة التدوينه أو داخل ما يعرف بالـ loop.

يمكنكم تحميل الإضافة من علي GitHub و سيتم تطويرها إن شاء الله لتحمل المزيد من الخصائص و إضافتها علي الموقع الرسمي لوردبريس, حتي هذا الوقت لمتابعه باقي التدوينات في التحدي يمكنك متابعة المدونة من خلال الـ RSS او متابعتي علي تويتر @eslam_mahmoud

الصورة من onlinemediamasters.com
Comments button Twitter button Facebook button LinkedIn button Google+ button

كيف تقلل من عدد الطلبات requests في صفحتك الالكترونيه بنسبة 39% لتقلل الوقت المطلوب لتحميل موقعك

 requests-57

السلام عليكم

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

كنت استخدم تلك الأزرار من قبل في مدونتي هذه وكنت أتابع المدة و عدد الـ requests التي يتم إرسالها من الصفحة لخوادم الشبكات الاجتماعية المختلفة و وجدت صفحة عادية مثل تدوينه “تحدي التدوين لمدة 30 يوم” كانت ترسل حوالي سبع و خمسون طلب لمختلف الخوادم, اعتبرت هذا الرقم كبير و عملت علي تقليصه حتي وصلت إلي خمس و ثلاثون أي اقل بنسبة 39% من الرقم الأول كيف كان هذا مع الحفاظ علي أتاحه الفرصة للزوار لمشاركة محتوي الموقع علي الشبكات الاجتماعية؟

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

فيسبوك

<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://eslam.me">
<img style="margin: 0 8px; vertical-align: middle;" alt="Facebook button" src="http://eslam.me/wordpress/wp-content/uploads/2014/12/facebook_32.png">
</a>

تويتر

<a target="_blank" href="https://twitter.com/intent/tweet?text=Eslam Mahmoud by @eslam_mahmoud&url=http://eslam.me">
<img style="margin: 0 8px; vertical-align: middle;" alt="Twitter button" src="http://eslam.me/wordpress/wp-content/uploads/2014/12/twitter_32.png">
</a>

لنكدان

<a target="_blank" href="http://www.linkedin.com/shareArticle?url=http://eslam.me&title=Eslam Mahmoud&summary=Eslam Mahmoud">
<img style="margin: 8px; vertical-align: middle;" alt="LinkedIn button" src="http://eslam.me/wordpress/wp-content/uploads/2014/12/linkedin_32.png">
</a>

جوجل+

<a target="_blank" href="https://plus.google.com/share?url=http://eslam.me">
<img style="margin: 0 8px; vertical-align: middle;" alt="Google+ button" src="http://eslam.me/wordpress/wp-content/uploads/2014/12/googleplus_32.png">
</a>

 

requests-35

قد لا تكون النتيجة النهائية مثل أزرار الشبكات الاجتماعية الأساسية ولا تعرض عدد الضغطات لكن لكل منهم مميزاته و عيوبه ويمكن أن يكون هناك جزء أخر من تلك التدوينه نقوم فيه بتطوير طريقه العرض, حتي هذا الوقت يمكنك متابعة المدونة من خلال الـ RSS او متابعتي علي تويتر @eslam_mahmoud

Comments button Twitter button Facebook button LinkedIn button Google+ button

جوجل+ تسمح للافراد بالحصول علي رابط شخصي باسمائهم

Eslam Mahmoud AbdElMoniem Google Plus account

أتاحت شبكة جوجل بلس خاصية الحصول علي رابط شخصي للأفراد باسمائهم, و وصلت الدعوات لقطاع عريض من مستخدمي شبكة جوجل بلس البالغ عددهم اكثر من نصف مليار مستخدم, و الروابط للملفات الشخصية أصبحت مثل https://plus.google.com/+EslamMahmoud (هذا هوا الرابط الخاص بي لمتابعتي) بديلا عن الروابط القديمة التي لم تكن توضح اسم الشخص و يصعب تداولها وكانت مثل https://plus.google.com/112033970556387549149

ربما الخبر قد انتشر الآن لكن تلك الخطوة من جوجل جاءت بعد فتره من أنشائي لمشروع http://IPlus.im هدف المشروع حل مشكلة صعوبة تداول عناوين الملفات الشخصية علي شبكة جوجل بلس ولا داعي لذكر قبح العناوين :D الموقع يحول عنوان ملفك الشخصي إلي عنوان مميز مثل http://iplus.im/eslam كنت قد كتبت عن خبر إنشاء الموقع من قبل هنا

http://Iplus.im

أنشأت هذا المشروع مع صديقي المبدع انس عماد http://iplus.im/anas.emad ولم نعمل علية لفترة طويلة لكنة بشكل تلقائي جذب الآلاف من المستخدمين السعداء وتم استخدام الموقع مئات الآلاف من المرات لتحويل العناوين المختصرة المميزة التي أنشأها المستخدمون, ومازال الموقع يستخدم إلى الآن ولن يتم إيقافه حتي لا يتضرر المستخدمين.

من الصدف الغريبة أني أعلنت عن المشروع في نفس تلك الفترة من العام من سنتين بالتحديد في 10.21.2011 ولكن لم ألاحظ هذا إلا الآن وأنا اكتب هذا الموضوع, العبرة هنا “أذا بدأت فكرة آيا كانت ولم تعمل عليها بالشكل المناسب لن تتطور ولن تنموا كما يجب, لكن كل فكرة و كل مشروع عملت علية تعلمت منة, البعض يعتبر هذا مجهود ضائع أن لم يتحول لمشروع ربحي كبير وأنا اعتبره خبرة مكتسبة وقيمة مضافة لي و وقت للتعلم تم توفيره في المشروع التالي.”

Comments button Twitter button Facebook button LinkedIn button Google+ button