{"id":2344,"date":"2016-09-12T08:05:49","date_gmt":"2016-09-12T08:05:49","guid":{"rendered":"https:\/\/www.codebee.co.th\/labs\/?p=2344"},"modified":"2017-02-14T12:47:06","modified_gmt":"2017-02-14T12:47:06","slug":"lazy-load-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/lazy-load-%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3\/","title":{"rendered":"Lazy Load \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e02\u0e35\u0e49\u0e40\u0e01\u0e35\u0e22\u0e08\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c"},"content":{"rendered":"<h3>Lazy Load \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e02\u0e35\u0e49\u0e40\u0e01\u0e35\u0e22\u0e08\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c<\/h3>\n<p><\/br><br \/>\nLazy Load \u0e04\u0e37\u0e2d\u0e04\u0e33\u0e40\u0e23\u0e35\u0e22\u0e01\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 ( Resource ) \u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 client \u0e41\u0e25\u0e30 \u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e1d\u0e31\u0e48\u0e07 server \u0e41\u0e1a\u0e1a\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e48\u0e32\u0e17\u0e35\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e43\u0e19\u0e42\u0e2b\u0e21\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34\u0e44\u0e14\u0e49\u0e40\u0e23\u0e47\u0e27\u0e02\u0e36\u0e49\u0e19 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35 Banner <!--more--><\/p>\n<p>Slide \u0e41\u0e25\u0e30\u0e43\u0e19\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e19\u0e31\u0e49\u0e19\u0e21\u0e35\u0e44\u0e2d\u0e40\u0e17\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e23\u0e39\u0e1b \u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e21\u0e35\u0e02\u0e19\u0e32\u0e14 1024&#215;600 Pixel \u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 1MB \u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07 4 \u0e23\u0e39\u0e1b\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e23\u0e27\u0e21\u0e41\u0e25\u0e49\u0e27\u0e16\u0e36\u0e07 4MB \u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e27\u0e21\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e01\u0e31\u0e1a element \u0e2d\u0e37\u0e48\u0e19 \u0e46 \u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e19\u0e31\u0e49\u0e19\u0e2d\u0e35\u0e01 \u0e17\u0e31\u0e49\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e44\u0e2d\u0e04\u0e2d\u0e19 \u0e44\u0e1f\u0e25\u0e4c css \u0e41\u0e25\u0e30\u0e44\u0e1f\u0e25\u0e4c js \u0e01\u0e47\u0e08\u0e30\u0e22\u0e34\u0e48\u0e07\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1a\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e32\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b<br \/>\n<br \/>\n\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 lazy load \u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e02\u0e2d\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e21\u0e32\u0e01 \u0e01\u0e25\u0e48\u0e32\u0e27\u0e04\u0e37\u0e2d \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19\u0e17\u0e31\u0e49\u0e07 4 \u0e23\u0e39\u0e1b \u0e41\u0e15\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e23\u0e39\u0e1b\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e04\u0e37\u0e2d\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07 lazy load \u0e22\u0e31\u0e07\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e37\u0e48\u0e19 \u0e46 \u0e44\u0e14\u0e49\u0e40\u0e0a\u0e48\u0e19\u0e01\u0e31\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e27\u0e35\u0e14\u0e35\u0e42\u0e2d \u0e44\u0e1f\u0e25\u0e4c\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a lazy load \u0e42\u0e14\u0e22\u0e22\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e1a\u0e1a\u0e44\u0e1f\u0e25\u0e4c\u0e20\u0e32\u0e1e<br \/>\n<\/br><\/p>\n<h4>\u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 lazy load \u0e01\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e<\/h4>\n<p>\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 lazy load \u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e41\u0e1a\u0e1a\u0e07\u0e48\u0e32\u0e22 \u0e46 \u0e41\u0e1a\u0e1a\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e36\u0e07\u0e1e\u0e32 jquery plugin \u0e40\u0e25\u0e22\u0e01\u0e47\u0e44\u0e14\u0e49\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e04\u0e37\u0e2d \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e17\u0e47\u0e01 img \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e41\u0e17\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e30\u0e43\u0e2a\u0e48 path \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e25\u0e07\u0e44\u0e1b\u0e43\u0e19 src attribute \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07 custom attribute \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e17\u0e19 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19<\/p>\n<ul>\n<li><strong>\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 img element <\/strong><\/li>\n<pre class=\"lang:default decode:true \" >&lt;img src=\"images\/logo.png\"\/&gt;<\/pre>\n<p>\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19 custom attribute \u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a<\/p>\n<pre class=\"lang:default decode:true \" >&lt;img class=\"lazy\" data-src=\"images\/logo.png\"\/&gt;<\/pre>\n<p>\u0e08\u0e32\u0e01\u0e42\u0e04\u0e4a\u0e14 html \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 \u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 img element \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e41\u0e15\u0e48\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 src attribute \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e17\u0e31\u0e19\u0e17\u0e35 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e39\u0e1b\u0e44\u0e27\u0e49\u0e43\u0e19 data-src \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e27\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19\u0e20\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e44\u0e14\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 class \u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32 lazy \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e27\u0e49\u0e43\u0e2b\u0e49 jquery \u0e2a\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19\u0e43\u0e19\u0e20\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e07<\/p>\n<li><strong>\u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/strong><\/li>\n<p>\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a img element \u0e41\u0e25\u0e49\u0e27 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e16\u0e36\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e30\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e40\u0e23\u0e32\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49 jQuery \u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e14\u0e49\u0e14\u0e49\u0e27\u0e22\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n<pre class=\"lang:default decode:true \" >\r\nvar imgTag = $(\"img.lazy\");\r\nvar imgPath = imgTag.attr(\"data-src\");\r\nimgTag.attr(\"src\",imgPath);<\/pre>\n<\/ul>\n<p><\/br><\/p>\n<h4>\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 jquery.lazyload.js \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a bxSlider.js<\/h4>\n<ul>\n<li><strong><a href=\"http:\/\/bxslider.com\" target=\"_blank\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 bxSlider.js<\/a><\/strong><\/li>\n<p>bxSlider.js \u0e40\u0e1b\u0e47\u0e19 jquery plugin \u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e41\u0e1a\u0e1a responsive \u0e0b\u0e36\u0e48\u0e07\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07 plugin \u0e40\u0e25\u0e22\u0e04\u0e37\u0e2d <a href=\"http:\/\/bxslider.com\" target=\"_blank\">bxslider.com<\/a><\/p>\n<li><strong><a href=\"https:\/\/github.com\/tuupola\/jquery_lazyload\" target=\"_blank\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 jquery.lazyload.js<\/a><\/strong><\/li>\n<p>jquery.lazyload.js \u0e40\u0e1b\u0e47\u0e19 jquery plugin \u0e44\u0e27\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e33 lazy load \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e0b\u0e36\u0e48\u0e07\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c github \u0e15\u0e32\u0e21\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e19\u0e35\u0e49\u0e04\u0e23\u0e31\u0e1a <a href=\"https:\/\/github.com\/tuupola\/jquery_lazyload\" target=\"_blank\">https:\/\/github.com\/tuupola\/jquery_lazyload<\/a><\/p>\n<li><strong>\u0e43\u0e2a\u0e48 lazy \u0e04\u0e25\u0e32\u0e2a\u0e43\u0e19 img element<\/strong><\/li>\n<p>\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 img element \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 jquery.lazyload.js \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e41\u0e15\u0e01\u0e15\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34 \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d custom attribute \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27 plugin \u0e19\u0e31\u0e48\u0e19\u0e04\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 data-src \u0e40\u0e1b\u0e47\u0e19 data-original \u0e08\u0e30\u0e40\u0e02\u0e35\u0e22\u0e19\u0e42\u0e04\u0e4a\u0e14\u0e44\u0e14\u0e49\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n<pre class=\"lang:default decode:true \" >&lt;img class=\"lazy\" data-original=\"images\/logo.png\"\/&gt;<\/pre>\n<li><strong>\u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49 lazy \u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d bxSlider.js \u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e46<\/strong> <\/li>\n<pre class=\"lang:default decode:true \" >var Config = {\r\n\tpager:false,\r\n\tinfiniteLoop: false,\r\n\thideControlOnEnd: true,\r\n\tonSlideAfter: function($slideElement, oldIndex, newIndex){\r\n\t\t$(\"img.lazy\").lazyload(); \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e42\u0e2b\u0e25\u0e14 img element \u0e17\u0e35\u0e48\u0e21\u0e35 lazy \u0e04\u0e25\u0e32\u0e2a\u0e17\u0e38\u0e01 \u0e46 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 bxslider \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2a\u0e23\u0e47\u0e08\r\n    }\r\n};\r\nvar slider = $(\".bxslider\").bxSlider(Config); \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14 class \u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07 bxslider\r\n$(\"img.lazy\").lazyload(); \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\u0e02\u0e2d\u0e07 bxslider<\/pre>\n<\/ul>\n<p><\/br><br \/>\n\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 lazy load \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e21\u0e32\u0e01 \u0e46 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e40\u0e23\u0e32\u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e15\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e19\u0e31\u0e49\u0e19\u0e21\u0e35\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19 1 \u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e21\u0e32\u0e01 \u0e46 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e43\u0e2b\u0e49\u0e14\u0e35 \u0e40\u0e1b\u0e47\u0e19\u0e21\u0e34\u0e15\u0e23\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33 SEO \u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<br \/>\n<\/br><\/p>\n<h4>Lazy Load \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a WordPress<\/h4>\n<p>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a wordpress \u0e19\u0e31\u0e49\u0e19\u0e08\u0e30\u0e21\u0e35 lazy load plugin \u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e2b\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e43\u0e19\u0e40\u0e21\u0e19\u0e39 plugin \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 plugin <a href=\"https:\/\/th.wordpress.org\/plugins\/lazy-load\/\" target=\"_blank\">https:\/\/th.wordpress.org\/plugins\/lazy-load\/<\/a><br \/>\n<\/br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lazy Load \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23 \u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e02\u0e35\u0e49\u0e40\u0e01\u0e35\u0e22\u0e08\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c Lazy Load \u0e04\u0e37\u0e2d\u0e04\u0e33\u0e40\u0e23\u0e35\u0e22\u0e01\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 ( Resource ) \u0e1a\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e41\u0e25\u0e30\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 client \u0e41\u0e25\u0e30 \u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e1d\u0e31\u0e48\u0e07 server \u0e41\u0e1a\u0e1a\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e48\u0e32\u0e17\u0e35\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e43\u0e19\u0e42\u0e2b\u0e21\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34\u0e44\u0e14\u0e49\u0e40\u0e23\u0e47\u0e27\u0e02\u0e36\u0e49\u0e19 \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e0a\u0e48\u0e19 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35 Banner<\/p>\n","protected":false},"author":1,"featured_media":2354,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[46],"tags":[780,778,779,933,371,782,614,549,501,943,781,783,784,785],"class_list":["post-2344","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-website-development-","tag-bxslider--lazy-load","tag-lazy-load-","tag--lazy-load","tag-933","tag-371","tag-782","tag-614","tag-549","tag-501","tag-943","tag-781","tag-783","tag--bxslider-js","tag--jquery-lazyload-js","post_format-post-format-video"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=2344"}],"version-history":[{"count":12,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2344\/revisions"}],"predecessor-version":[{"id":2357,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/2344\/revisions\/2357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/2354"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=2344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=2344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}