LazyLoadãã©ã°ã€ã³ã¯çµå±ã©ããããã®ã
2022-12-31T02:28:11.636Z

LazyLoadïŒç»åé å»¶ïŒç³»ã®ãã©ã°ã€ã³ã¯ããã€ãããããã©ãæ§èœã§ãã£ãã䜿ããããã§ãã£ãããLazyLoadã䜿çšãããšSEOçã«äžå©ãªã©ã®æ å ±ãããã©ãããã¹ããªã®ãåããªãã£ããèªåãªãã«èª¿ã¹ãçµæãa3 Lazy Loadããä»ã®ãšããã§ãã¹ãã ãšæãã®ã§ãåãã©ã°ã€ã³ã®ç¹åŸŽãšãšãã«ãŸãšããŠããã
ãã€ã³ã
éžå®ã®ãã€ã³ãã¯ä»¥äžã§ãå šãŠãæºããã®ããa3 Lazy Loadãã§ãã£ãã
- SEO察çã®ããã®
<noscript>
ã¿ã°ãåºåãããã - Thresholdãèšå®ã§ããã
- é€å€èšå®ããããããã
- ããŽãoEmbedã®ã¢ã€ãã£ããç»åã«äžå ·åããªãã
<noscript>
ã®åºåã¯Googleã®ããããå·¡åããŠãããšãã« lazyload ããããšç»åãèªèããŠãããªãããã§ããã®å¯Ÿçã®ããã«èšçœ®ãå¿
èŠãšãªãããããã ããã®ã¿ã°ã®æç¡ãããããŠãŒã¶ãŒãã¹ã¯ããŒã«ããæã«ç»åã®èªã¿èŸŒã¿ãçµãã£ãŠããªãã±ãŒã¹ãããããã®æ¹ãéèŠã ãšãã声ããã£ãã
a3 Lazy Load

äžèšã§ããããã€ã³ããå šãŠæºãããä»èšäºã§ãè©äŸ¡ãé«ãã®ã§ããäžæããšã詊ããäžã§ã¯oEmbedã®ã¢ã€ãã£ããç»åã«äžå ·åãèµ·ããªãã®ãããã ãã§ãã£ãã
ãã TOC+ïŒTable Of Contents PlusïŒãã©ã°ã€ã³ãå ¥ããŠãããšäžå ·åãåºããšãã声ããã£ãâ¥ã
Lazy Load by WP Rocket

ç»åã®è¡šç€ºæ¹æ³ã綺éºã ããé€å€èšå®ãThresholdã®èšå®ãå šãŠfunctions.phpã§ã®èšå®ãšãªã£ãŠãããçŽ äººã«ã¯ãšã£ã€ãã«ããã¡ã³ããã³ã¹ãã¥ããã
Imagify â WebP & Image Compression and Optimization ãæšå¥š
ç»åã®æé©åïŒæ¬¡äžä»£ãã©ãŒãããWebPãžã®å€æãImagifyãã©ã°ã€ã³ã§è¡ãªã£ãŠããå Žåã¯ãããæšå¥šãããŠãããæ®é㯠EWWW Image Optimizer ã䜿ãããšãå€ããšæãã®ã§çšãªã±ãŒã¹ã ãšæãããçè ã¯GMOã®ãåå.comã¬ã³ã¿ã«ãµãŒããŒã䜿ã£ãæ¡ä»¶ã§ EWWW Image Optimizer ã®æé©åãWebP倿ã«å¿ èŠãªãœããããµãŒããŒã«ã€ã³ã¹ããŒã«ãããŠããªããšããã±ãŒã¹ã«åœãã£ãæã«å©çšããã
Lazy Load

ãã©ã°ã€ã³åããã®ãŸãŸãLazy Loadãã ãã«æãããå®çªãªã€ã¡ãŒãžããã£ãããéå»3åã®WordPressã¡ãžã£ãŒã¢ããããŒãã«å¯Ÿå¿ããŠããããã¬ãã¥ãŒãäœè©äŸ¡ã ãããªã®ã§ããŸãéžæãã¹ãã§ã¯ãªãã

Lazy Loader

äžèšLazy LoadãšäžŠã³æããå®çªãšããŠããå°è±¡ã
å
æ¥ãšãããµã€ãã§è©Šãããäžæãæ©èœããã<noscript>
ãåºåããŠããããé€å€èšå®ãªã©çްããªèšå®ãåºæ¥ãã
lazysizes
è©äŸ¡ãé«ãè¯ããããèšå®é ç®ãå€ãã
Speed Up â Lazy Load

詊ããŠã¯ããªããè©äŸ¡ãé«ãã
Lazy Load Optimizer

é€å€èšå®ãªã©ã®äœ¿ããããã¯ããã®ã ããèå¿ã®<noscript>
ãåºåããŠãããããããäžã§ã¯ããŸã䜿ã£ãŠããæ¥æ¬äººã¯èããªããå¿ãªãããããå
¥ããŠããæ€çŽ¢é äœãäžãã£ããããªæ°ãããã®ã§ä»ã¯å
¥ããŠããªãã
Native Lazyload
ãªããšGoogleå ¬åŒã®WordPressãã©ã°ã€ã³ãåºãã2019幎12æçŸåšã§ã¯äžæãåãããã§ã€ã³ã¹ããŒã«ããŠã¿ãã
èšå®ãªã©ã¯ãªãããã æå¹åããã ãã®ãã©ã°ã€ã³ããã ä»åã®ãµã€ãã¯ããããäžå ·åãå€ãã£ãã®ã§æ©èœããªãã£ãããæ®éã®ãµã€ãã§ã¯ã©ããªã®ã詊ããæã«è¿œèšããŠããã
ãã Chrome76ãããã察å¿ããŠããªããããããã以äžã®ããŒãžã§ã³ããã©ãŠã¶ã§ã¯ä»ã®JavaScriptã䜿çšããããããïŒçµå±ã§ããã°OKã§ã¯ïŒïŒã
æé©åç³»ãã©ã°ã€ã³ã®ä»å±æ©èœãšããŠä»ããŠãããã®
Autoptimize

åºæ¬ã¯HTML, CSS, JavaScriptã®æé©åã®ããã®ãã©ã°ã€ã³ã ãèšå®æ¬ã®ãImageãã¿ãã§ç»åã®CDNé ä¿¡ãšé å»¶èªã¿èŸŒã¿ãæå¹ã«ããããšãã§ããã
<noscript>
ã¿ã°ã¯åºåããŠããŠè¡šç€ºã綺éºãã¯ã©ã¹ã«ããé€å€èšå®æ¬ãããããoEmbedã®åã蟌ã¿èšäºã®ã¢ã€ãã£ããç»åã衚瀺ãããªãäžå
·åãã§ãã
ãŸããã¡ãŒã¹ããã¥ãŒã«ã»ãŒå¿
ãå«ãŸããããŽãªã©ãããã©ã«ãã§ã¯lazyãããŠããŸããããããããŽç»åã«no-lazy
ã®ãããªã¯ã©ã¹ãä»äžããŠããå¿
èŠãããã€ãã€ãã§ãã£ãã
Smush Image Optimization, Compression, and Lazy Load

ã©ãã§ Lazy Load ã®èšå®ãã§ãããåããªãã»ã©å€æ©èœãªãã©ã°ã€ã³ãEWWW Image Optimizer ã TinyPing ãã©ã°ã€ã³ãšäžŠã¶æé©åãã¡ã€ã³ã®ãã©ã°ã€ã³ã ããJetpackãšåãããããã倿©èœããããã©ã°ã€ã³ã¯äœ¿ãã«ããã®ã§ãã¹ã
Image optimization & Lazy Load by Optimole

æªæ€èšŒ
ãŸãšã
ä»ã®ãšãã a3 Lazy Load ã䜿ã£ãŠããã°ééãã¯ãªãã