Thủ thuật Tăng Tốc Độ Tải Trang cho Website hoặc Blogger của bạn

How to Speed download page of My Website or Blogger

Một trong những yếu tố quan trọng nhất để cải thiện SEO trang web của bạn là tốc độ tải trang của bạn.

Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách làm cho website load nhanh hơn. Thủ thuật này sẽ trì hoãn hiển thị hình ảnh cho đến khi văn bản được hiển thị đầu tiên, điều đó sẽ làm giảm các HTTP Requests, qua đó sẽ cải thiện rõ ràng tốc độ load trang trên website của bạn.

Thủ thuật Tăng Tốc Độ Tải Trang cho Website hoặc Blogger của bạn

Cách thực hiện: Vào Mẫu >> Chỉnh sửa HTML và dán đoạn code bên dưới vào trước thẻ </body>

 <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> 

Ngoài ra bạn còn có thể tối ưu CSS, Javascript, cách đăng bài viết... Bạn có thể xem thêm ở bài viết bên dưới

Xem thêm: Thủ thuật tối ưu website, tăng tốc độ tải trang cho Blogger

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm