วันนี้มี TIP เล็กๆมาแนะนำ การติดโค้ดเฟสบุ๊ค ที่หน้าเว็บของเราอย่างไรไม่ให้ PageSpeed ตก ก่อนอื่นใครที่ยังไม่รู้จัก PageSpeed ลองอ่านที่นี่ก่อน PageSpeed Insights คืออะไร PageSpeed สูงๆ คะแนน SEO ก็จะดีตาม
ปกติเวลาเราจะเอาโค้ดเฟสบุ๊คมาติดที่หน้าเว็บเราเช่น FanPage, ปุ่มไลน์, ปุ่มแชร์, Social Plugins ต่าง ก็จะมีโค้ดประมาณนี้ ซึ่งการโหลด JavaScript แบบนี้จากข้างนอกอาจไม่ได้ถูกเก็บ cache เราจัดการบังคับไม่ได้
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
ให้เราแทนที่ด้วยโค้ดด้านล่างนี้
<script>
jQuery.ajax({
type: "GET",
url: "http://connect.facebook.net/en_US/all.js#xfbml=1",
success: function(){},
dataType: "script",
cache: true
});
</script>
โดยก่อนเรียกต้องเรียกใช้ jQueryเข้ามาใน Script เข้ามาในไฟล์ของเราก่อน
37/ 100 จะได้ คะแนนเพิ่มขึ้น 47/100 ประมาณการเพิ่มขึ้นอยู่กับปัจจัยอื่นๆ อีกหลายอย่าง ติดตามบทความต่อๆ ไป
ตามตัวอย่างที่แนะนำมาสามารถนำไปใช้กับ Joomla, phpBB, Wordpress, หรือ OpenSource ตัวอื่นๆได้
ถ้าใครต้องการจ้าง ปรับแต่งเว็บให้เร็วดังใจ ติดต่อมาได้ที่นี่