.

.
أخبار الإنترنت
recent

أحسن الطرق لتجعل موقعك سريعا

مرحبا.!! لاشك أن زيادة سرعة الموقع هو الشغل الشاغل  لمعظم مطوري المواقع نضرا لأهميتها في زيادة عدد زوار الموقع وكدالك تنافسيته على المراتب الأولى في محركات البحث .

في هدا الشرح سنتكلم أولا على العوامل التي تأثر سلبا على سرعة الموقع وكدالك سنتطرق لحزمة من الحلول الفعالة في زيادة سرعة تحميل صفحات الموقع للزائر حيث ان محركات البحث اصبحت تعتمد في تصنيفها للمواضيع بنسبة كبيرة على سرعة الموقع و سرعة تحميله .

كيفية معرفة سرعة الموقع ؟  

أحسن طريقة لقياس سرعة موقعك هي بإستخدام أداة جوجل developers التي ستعطيك سرعة موقعك بالإضافة إلى العديد من المعلومات حول نقاط القوة ونقاط الضعف وكدالك نصائح قيمة لزيادة سرعة الموقع لأقصى حد .

طريقة زيادة سرعة تحميل مواقع ؟

هناك عدة طرق لزيادة سرعة التحميل لصفحات إما بضغط أكواد CSS وكدالك أكواد HTML وكدالك ضغط الصور والتقليل من حجمها لتسهيل تحملها في الصفحات والطريقة الأخيرة هي إضافة كود جافا سكريبت الى القالب .

طريقة زيادة سرعة الموقع عنطريق ضغط أكواد CSS و HTML :

أولا سنقوم بأخذ نسخة إحتياطية من قالب مدونتك حتى إذا حصل أي أخطاء داخل قالب مدونتك أو في التصميم سنعيده كما لو كان سابقاً
ثم نتوجه الى لوحة التحكم في مدونة بلوجر blogger
ثم القالب > نضغط على تحرير HTML
أولا سنبدأ بطريقة ضغط أكواد CSS :
سوف نقوم بإقتصاص كافة الأكواد داخل الرمز كما هو بالصورة 

بعد توسيع مابين الرمز  <b:skin> و ]]></b:skin> نقوم بقص كافة الأكواد دخلهما
على الشكل التالي:

<b:skin>

نقوم بقص الرموز بينهم فقط 

]]></b:skin>

بعد عملية الإقتصاص أكواد CSS نتوجه الى هذه الأداة 

هذا الموقع سوف يتولى عملية الضغط كل ماعليك إضافتها في المكان المخصص وضغطها كما بالصورة التالية

بعدها نسخ الاكواد كما بالصورة السابقة نعيدها الى مكان الأكواد التي قمنا بإقتصاصها
<b:skin>

لصق الأكواد هنا

]]></b:skin>

 ثم نضغط على حفظ القالب
تانيا طريقة ضغط أكواد HTML :
كما في الشرح السابق ولكن يجب عليك نسخ أكواد  HTML داخل قالب مدونتك مابين الرمز <body> و </body>
إدخل على قالب مدونتك ثم أبحث عن الرمز <body>
الان قم بقص جميع الرموز أسفله حتى تصل الى الرمز </body>
مثال:

<body>

اقتص المحتوى كاملاً الى الرمز 
</body>
الخطوة الثانية بعد نسخ الاكواد قم بالتوجه الى هذا الموقع لضغطها
شاهد الصورة لكيفية العمل على هذا الموقع

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

طريقة زيادة سرعة الموقع عن طريق ضغط الصور:

الصور الكبيرة الحجم تأخذ وقت طويل حتي يتم تحميلها وتظهر بشكل كامل لذلك احرص علي تقليل حجم الصور قبل الاستخدام ومن بين الطرق لعمل دالك إما بإستخدام أحد البرامج أو بإستخدام أحد المواقع التي تقدم خدمة تصغير حجم الصور يمكنك إستخدام هدا الموقع resizenow .
تسريع تحميل الموقع عن طريق اضافة كود جافا سكريبت الى القالب:
فائدة هذا الكود انه يؤخر في عملية تحميل اكواد الجافا الى مابعد تحميل النص و الصور المرتبطة بالموضوع .
فنحن نعرف جميعا ان اساس نقص سرعة تحميل الموقع هي اكواد الجافا سكريبت الموضوعة على القالب هي السبب الرئيسي في نقص سرعة تحميل الموقع .
طريقة اضافة الكود :
ندخل الى القالب .
نضغط على تحرير HTML
نبحث عن كلمة <head/>
نقوم بلسق الكود فوق كلمة هياد مباشرة
.نقوم بحفظ القالب

<script type='text/javascript'>//<![CDATA[
(function(a) {
    a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",container:window;
};
if(b) {
    a.extend(c,b);
}
var d=this;if("scroll"==c.event) {
    a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){
}
else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)) {
    a(this).trigger("appear");
}
else {
    if(e  >c.failurelimit){return false;
}}});
var f=a.grep(d,function(a) {
    return!a.loaded;
});
d=a(f);
})}
this.each(function() {
var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"));
}
if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)) {
if(c.placeholder){a(b).attr("src",c.placeholder);
}
else {
a(b).removeAttr("src");
}
b.loaded=false;
}
else {
b.loaded=true;
}
a(b).one("appear",function() {
if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true;
}).attr("src",a(b).attr("original"));
}});
if("scroll"!=c.event) {
a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");
}})}});
a(c.container).trigger(c.event);return this;
};
a.belowthefold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).height() a(window).scrollTop();
}
else {
var d=a(c.container).offset().top a(c.container).height();
}
return d<=a(b).offset().top-c.threshold;
};
a.rightoffold=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).width() a(window).scrollLeft();
}
else {
var d=a(c.container).offset().left a(c.container).width();
}
return d<=a(b).offset().left-c.threshold;
};
a.abovethetop=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollTop();
}
else {
var d=a(c.container).offset().top;
}
return d>=a(b).offset().top c.threshold a(b).height();
};
a.leftofbegin=function(b,c) {
if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();
}
else {
var d=a(c.container).offset().left;
}
return d>=a(b).offset().left c.threshold a(b).width();
};
a.extend(a.expr[":"], {
"below-the-fold"
:"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})";
})})(jQuery);$(function() {
$("img").lazyload({placeholder: "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";
})})//]]></script>
Tech Nech

Tech Nech

إسمي الكامل عزالدين نكاد ، مغربي الجنسية ، عمري 26 سنة ، أعيش و أعمل في ألمانيا ، أدرس قسم المعلوميات الإبتدائي في إحدى الجمعيات الخاصة أعشق التدوين المعلوماتي ومهتم بكل ما هو جديد في عالم التقنية

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.