أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

الملحقات البرمجية Addons

هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

الصفحة 2 من 3

الأخيرة

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 09:37 صباحاً [25]

Mr King

تمّ التوصل لحلّ مشكلة تحسين تسليم ملفات الجافاسكربت Defer parsing of JavaScript

https://gtmetrix.com/reports/my-support.cf/9kJQqCjW

سيلزم استبدال جميع استدعاءات ملفات الجافاسكربت مثل

CODE

<script type="text/javascript" src="{$ForumAdress}includes/js/jquery-ui.js"></script>

إلى هذا الشكل

CODE


<script>
document.write('<script type="text/javascript" src="includes/js/jquery-ui.js"><\/script>');
</script>

ولكن يوجد ملاحظة بهذا الخصوص،

كلّ وسم script يقوم بتأخير ظهور محتوى الصفحة (نفس الشيء بالنسبة للوسم style) وبالتالي يزيد من قيمة page load time ، ولتفادي هذه المشكلة يجب تجميع استدعاءات الملفات داخل وسم واحد لتكون بهذا الشكل مثلا

CODE


<script type="text/javascript">
document.write('<script type="text/javascript" src="includes/js/jquery-1.10.2.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/jquery-ui.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/jquery.save.js"><\/script>');
document.write('<script type="text/javascript" src="applications/core/colorbox-master/jquery.colorbox.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/shCore.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/shBrushPhp.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/pbboardCode.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/pbboard_global.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/pbboard_toggle.js"><\/script>');
document.write('<script type="text/javascript" src="applications/core/jwplayer/jwplayer.js"><\/script>');
document.write('<script type="text/javascript" src="applications/core/jwplayer/jwplayer.trigger.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/jscolor.js"><\/script>');
{if {$_CONF['info_row']['resize_imagesAllow']} == 1}
document.write('<script type="text/javascript" src="applications/core/colorbox-master/i18n/jquery.colorbox-{$_CONF['info_row']['content_language']}.js"><\/script>');
document.write('<script type="text/javascript" src="includes/js/resize_images.js"><\/script>');
{/if}
{if {$_CONF['info_row']['sidebar_list_active']} and {$on_sidebar_list_thes_page}}
document.write('<script type="text/javascript" src="includes/js/sidebar.js"><\/script>');
{/if}
</script>

---------------------------------------

ولحلّ مشكلة Specify image dimensions

أضف الكود التالي للقالب headinclud أو footer

CODE


<script>
var img = document.getElementsByTagName("img");
for (i = 0; i < img.length; i++) {
var attr_w = img[i].getAttribute("width");
var attr_h = img[i].getAttribute("height");
var width = img[i].clientWidth;
var height = img[i].clientHeight;
if (typeof attr_w === 'undefined' || attr_w === null) {
img[i].setAttribute("width", width);
}
if (typeof attr_h === 'undefined' || attr_h === null) {
img[i].setAttribute("height", height);
}
}
</script>

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:29-12-2015 05:14 مساءً

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 12:29 مساءً [26]

ali2014

السلام عليكم

تحية لمشريفنا الغالي [b]Mr King على المجهود المبدول

فعلا الفكرة ان نجحت، سوف تكون جد هامة.

للتذكير، هناك اضافة للوردبريس "هائلة" تقوم بعمل رائع على ملفات js و css

اضعها هنا ربما قد تفيدكم autoptimize من الناحية البرمجية

رابط للتحميل

دمتم متألقين

: تم تحرير المشاركة بواسطة :ali2014 بتاريخ:29-12-2015 12:32 مساءً

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 03:49 مساءً [27]

~~kareem~~

شكرا لك

PageSpeed Score

B

87%

كانت 84%

تعديل الرد:

الكود الأخير يؤثر على الموقع احيانا لابتسامات لا تظهر. وعلى صفحة اختيار صورة شخصية "اختيار صورة شخصية من القائمة" لا تظهر الصور. حذفت الكود ظهرت

: تم تحرير المشاركة بواسطة :kareem بتاريخ:29-12-2015 04:53 مساءً

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 05:45 مساءً [28]

Mr King

المشاركة الأصلية كتبت بواسطة: kareem الكود الأخير يؤثر على الموقع احيانا لابتسامات لا تظهر. وعلى صفحة اختيار صورة شخصية "اختيار صورة شخصية من القائمة" لا تظهر الصور. حذفت الكود ظهرت

أين وضعته بالضبط (في أي قالب ؟؟)

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 06:48 مساءً [29]

~~kareem~~

المشاركة الأصلية كتبت بواسطة: Mr King أين وضعته بالضبط (في أي قالب ؟؟)

في قالب

footer

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

29-12-2015 11:58 مساءً [30]

Mr King

بالنسبة للاتسامات لم ألاحظ أي مشكلة،

أمّا بخصوص اختيار الصورة الشخصية من القائمة

1- أضف الكود التالي في القالب headinclud

CODE


<script type="text/javascript">
function GetSizer(){
var img = document.getElementsByTagName("img");
for (i = 0; i < img.length; i++) {
var attr_w = img[i].getAttribute("width");
var attr_h = img[i].getAttribute("height");
var width = img[i].clientWidth;
var height = img[i].clientHeight;
if (!(attr_w) && width != 0) {
img[i].setAttribute("width", width);
}
if (!(attr_h) && height != 0) {
img[i].setAttribute("height", height);
}
}
}
</script>

2- أضف الكود التالي في القالب footer

CODE


<script type="text/javascript">
GetSizer();
</script>

3- ابحث في القالب usercp_control_avatar عن

CODE

$("#avatar_list").fadeIn();

استبدله ب

CODE


$("#avatar_list").fadeIn(function(){
GetSizer();
});

إذا كنت تستخدم خاصية من خصائص إخفاء و عرض الصور فعليك إضافة استدعاء الفونكشن GetSizer في كلّ مرة يتمّ فيها إظهار الصور

: تم تحرير المشاركة بواسطة :Mr King بتاريخ:29-12-2015 11:59 مساءً

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

30-12-2015 01:55 صباحاً [31]

~~kareem~~

هاك تحسين سرعة و أداء المنتدى optimizer website v1.0 | الصفحة 3

في الكود السابق . في الابتسامات مرة ظهرت صورة واحدة عملت رفرش للصفحة ظهرت كلها. ومرة على الصفحة الرئيسية لم تظهر صورة مع انها موجودة.

على صفحة اختيار صورة نعم الصور ظهرت الان.

ما رأيك بالنتيجة هل مفيد. فكرت فيه لا اعتقد مفيد والسبب لانه قرات عنها ان المتصفح يحتاج لمعرفة ابعاد الصورة في المصدر بدل فحصها. كود السكريبت يضيف الابعاد بعد تحميل الصفحة فلا يستفيد المتصفح منها. هل لديك راي آخر !!!

: تم تحرير المشاركة بواسطة :kareem بتاريخ:30-12-2015 01:56 صباحاً

: هاك تحسين سرعة و أداء المنتدى optimizer website v1.0

04-01-2016 05:34 مساءً [32]

دهباوي

المشاركة الأصلية كتبت بواسطة: Mr King السّلام عليكم ورحمة الله

الاسم : هاك تحسين أداء وسرعة المنتدى

الإصدار : version 1.0

متوافق مع النسخه 3.0.0 فقط

الا يوجد هاك لأخر نسخة 3.0.2

الصفحة 2 من 3

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
طلب تحديث هاك تحسين أداء وسرعة المنتدى للنسخة 3.0.3	collsh.com	12	1031	MAHDI H.D
هاك تحسين سرعة و أداء المنتدى optimizer website v1.1	Mr King	17	5915	iSalalah
إستفسار يخص سرعة الموقع لتحسين الارشفة	newghanou	4	959	newghanou
تحسين سرعة المنتدى : حلّ المشاكل المتعلّقة بملفات الجافاسكربت	Mr King	7	3330	Mr King
شرح كيفية تحسين سرعة و أداء المنتدى	Mr King	4	2846	kareem

الكلمات الدلالية

لا يوجد كلمات دلالية ..

« هاك ملحق رفع وتصغير الصورة الشخصية للعضو | هاك إستبدال الساعة الإفتراضية بأخرى فلاشية PBBoard »

الساعة الآن 09:17 AM