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

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

مشاهدة المشاركة في الموضوع بالعرض العادي

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

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

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 مساءً

الساعة الآن 01:58 PM