åé¡ãéä¿¡ããåã«ã次ã®æé ãå®äºããŠããããšã確èªããŠãã ããã
ãã°ã説æãã
iOSã®Safariãã©ãŠã¶ïŒããã³ãããã1人ã®é¡§å®¢ã«ããä»ã®ãã©ãŠã¶ïŒã§ã¯ãé
延JSãæå¹ã«ãªã£ãŠããå Žåããªã³ã¯ãæ©èœãããã«ã¯ãªã³ã¯ã2åã¯ãªãã¯ããå¿
èŠããããŸãã ããã¯æ¬¡ã®å Žåã§ãçºçããŸãã
åçŸããã«ã¯
åäœãåçŸããæé ïŒ
ãã¥ãŒããŒãã«ãããªã³ã¯ãã¯ãªãã¯ãããšãã€ãŸãã¹ã¯ããŒã«ããã«ãããã«éãããšã«æ³šæããŠãã ããã
äºæ³ãããè¡å
ãªã³ã¯ã¯éåžžã©ããèªã¿èŸŒãŸãã2åã¯ãªãã¯ããå¿
èŠã¯ãããŸããã
ã¹ã¯ãªãŒã³ã·ã§ãã
ã¹ã¯ãªãŒã³ãã£ã¹ãïŒ https ïŒ //youtu.be/D1Pp45wLMhE ïŒãããšãã®ã¬ããŒãã®ã»ãšãã©ããŸãïŒ
è¿œå ã®ã³ã³ããã¹ã
ããã€ãã®æŽå¯ã«ã€ããŠã¯ãVasilisããã®ãã®ã¡ã¢ãåç
§ããŠãã ãã-https
é¢é£ããå¯èœæ§ã®ãããã±ããïŒ
ããã¯ãã°ã°ã«ãŒãã³ã°ïŒWP MediaéçºããŒã ã®ã¿ã䜿çšïŒ
FlyingScriptsãã©ã°ã€ã³ã§ãããå ±åããã¯ã©ã€ã¢ã³ããããŸããã
æ€çŽ¢ããåŸãç§ã¯äœ¿çšã«é¢é£ã®SafariãšIOSã«åé¡ããããšããããšã touchstart
ãŸãã¯touchmove
䜿çšããã«touchend
ã®ãªã³ã¯ãããã«ã¯ãªãã¯ããŠåé¡ãäœãïŒããªãã¯äžãã¯ãªãã¯ããå¿
èŠããããŸãæåã®ã¯ãªãã¯ãšããŠç»é¢ããä»»æã®ãã€ã³ãã次ã«uã¯ä»»æã®ãªã³ã¯ãã¯ãªãã¯ã§ããŸãïŒ
次ã®ãªã³ã¯ã¯ãåé¡ã匷調ããããšããŸãã
https://stackoverflow.com/a/10340968
ã客æ§ã®ãµã€ãã§ã次ã®å€æŽãå ããŠåé¡ã解決ããŸããã
https://github.com/wp-media/wp-rocket/blob/7ec9d996f004707a57c4c8476090d5bd943051f0/assets/js/lazyload-scripts.js#L91 -L99
touchmove
ãtouchmove touchend
眮ãæããŸã
touchstart
ãtouchstart touchend
眮ãæããŸã
@hellofromtonyaã«ç¢ºèªããåŸã圌女ã¯èšããŸããïŒ-
ãã®ç¹å®ã®åé¡ã¯ããã®çç±ãèŠã€ããããã«ããã«èª¿æ»ããå¿ èŠããããŸãã ãã®ç¹å®ã®ãšããžã±ãŒã¹ã®ã³ãŒãã«ããããè¿œå ããã®ã§ã¯ãªãããªãåé¡ãçºçããã®ã§ããããããŸãããã®ç¹å®ã®çµã¿åããã§ä¿®æ£ãããã®ã¯ãªãã§ããã
ããã§ã®ãçç±ãã¯ãä»ã®ã客æ§ã«å¥ã®åé¡ãåŒãèµ·ãããªãããã«ããããã«éåžžã«äŸ¡å€ããããšæããŸãã
ã ããç§ã¯ããŒãºãè¿œå ããŸãïŒèª¿æ»ãããç 究éçºã©ãã«ã
å¥ã®ã±ãŒã¹ïŒ https ïŒ
顧客ã¯ãããã¢ãã€ã«ã®chomeãšsafariã§èµ·ãã£ãŠãããšå ±åããŸã
é¢é£ãã±ããïŒ https ïŒ //secure.helpscout.net/conversation/1296809928/198688/
é¢é£ãã±ããïŒ https ïŒ //secure.helpscout.net/conversation/1322836283/206594ïŒfolderId = 2135277
é¢é£ãã±ããïŒ https ïŒ //secure.helpscout.net/conversation/1334490646/210819/
é¢é£ãã±ããïŒ https ïŒ //secure.helpscout.net/conversation/1336672544/211528/
ã¡ã¢ãšã¡ã¢ã®ç»é¢èšé²ã ãã®åé¡ã¯ãSafariãã©ãŠã¶ãšChromeãã©ãŠã¶ã®äž¡æ¹ã§çºçããŸãã
æ€çŽ¢ããåŸãç§ã¯äœ¿çšã«é¢é£ã®SafariãšIOSã«åé¡ããããšããããšã
touchstart
ãŸãã¯touchmove
䜿çšããã«touchend
ã®ãªã³ã¯ãããã«ã¯ãªãã¯ããŠåé¡ãäœãïŒããªãã¯äžãã¯ãªãã¯ããå¿ èŠããããŸãæåã®ã¯ãªãã¯ãšããŠç»é¢ããä»»æã®ãã€ã³ãã次ã«uã¯ä»»æã®ãªã³ã¯ãã¯ãªãã¯ã§ããŸãïŒæ¬¡ã®ãªã³ã¯ã¯ãåé¡ã匷調ããããšããŸãã
https://stackoverflow.com/a/10340968ã客æ§ã®ãµã€ãã§ã次ã®å€æŽãå ããŠåé¡ã解決ããŸããã
https://github.com/wp-media/wp-rocket/blob/7ec9d996f004707a57c4c8476090d5bd943051f0/assets/js/lazyload-scripts.js#L91 -L99
touchmove
ãtouchmove touchend
眮ãæããŸã
touchstart
ãtouchstart touchend
眮ãæããŸã
@hellofromtonyaã«ç¢ºèªããåŸã圌女ã¯èšããŸããïŒ-ãã®ç¹å®ã®åé¡ã¯ããã®çç±ãèŠã€ããããã«ããã«èª¿æ»ããå¿ èŠããããŸãã ãã®ç¹å®ã®ãšããžã±ãŒã¹ã®ã³ãŒãã«ããããè¿œå ããã®ã§ã¯ãªãããªãåé¡ãçºçããã®ã§ããããããŸãããã®ç¹å®ã®çµã¿åããã§ä¿®æ£ãããã®ã¯ãªãã§ããã
ããã§ã®ãçç±ãã¯ãä»ã®ã客æ§ã«å¥ã®åé¡ãåŒãèµ·ãããªãããã«ããããã«éåžžã«äŸ¡å€ããããšæããŸããã ããç§ã¯ããŒãºãè¿œå ããŸãïŒèª¿æ»ãããç 究éçºã©ãã«ã
ç§ã¯ãã®ææ¡ãè©ŠããŸããããæ®å¿µãªããiOSã®åé¡ã¯è§£æ±ºããŸããã§ããïŒå°ãªããšãç§ã«ãšã£ãŠã¯ïŒã
åãåé¡ã æ°æ¥åã«åããŠãã®æ©èœãè©ŠãããšãããiOSã®ãªã³ã¯ãæ©èœããŠããããæ©èœããã«ã¯ããã«ã¿ãããå¿ èŠã§ãããšããå ±åãããã«å±ããŸããã 2 x iOS 14ããã€ã¹ã§è©ŠããŠããã®åé¡ã確èªããã®ã§ãä»ã®ãšããç¡å¹ã«ãªã£ãŠããŸãã
ããã«é¢ããæŽæ°ã¯ãããŸããïŒ
é¢é£ïŒ https ïŒ
åãåé¡ã æŽæ°ã¯ãããŸããïŒ
WP-RocketãšFlyingScriptsã®äž¡æ¹ã§åããã°ãçºçããŠããŸãã touchstart
ãštouchmove
眮ãæããŠãå¹æã¯ãããŸããã§ããã
é¢é£ïŒ https ïŒ
ããã¯Safariã§ã¯ãªãiOSChromeãã©ãŠã¶ã§çºçããŠããŸãã ä»ã®èª°ãã確èªã§ããŸããïŒ
WP Rocketãã©ã°ã€ã³ã¯ä»ã®ãšããåé€ãããŠããŸããããã®åé¡ã¯ãã§ã«3ãæééããŠãããçŸåšã®æªè§£æ±ºã®åé¡æ°ïŒ+400ïŒã§ããã«ä¿®æ£ããããšã¯æããŸããã
é¢é£ïŒ https ïŒ
WP-rocketãããã«ãä¿®æ£ããè¿œå ããããšãé¡ã£ãŠããŸã:)
éçºè ããã®æŽæ°ã¯ãããŸããïŒ ããªãã¯ããã«åãçµãã§ããŸããïŒ
@ wp-media / devããã¯ãŸããŸãèŠãããŠããããã°ã«ãã£ãŠæ©èœããŸã£ãã䜿çšã§ããªããªã£ãŠãããããåªå é äœãä»ããå¿ èŠããããšæããŸãã ããã次ã®ã¹ããªã³ãã«è¿œå ããŠã解決çãèŠã€ãããããã©ããã確èªããŸããã ð
@ wp-media / devããã¯ãŸããŸãèŠãããŠããããã°ã«ãã£ãŠæ©èœããŸã£ãã䜿çšã§ããªããªã£ãŠãããããåªå é äœãä»ããå¿ èŠããããšæããŸãã ããã次ã®ã¹ããªã³ãã«è¿œå ããŠã解決çãèŠã€ãããããã©ããã確èªããŸããã ð
ããã§ããã ãã®æ©èœã¯ãé床ã«é¢ããŠã¯ç§ã®Webãµã€ãã«å€§ããªéãããããããŸããããäžåºŠã¢ã¯ãã£ãã«ããŠãããããã§ã=ïŒ
@arunbasillalãããããã®åé¡ã¯RïŒDãå¿ èŠã§ãããšããŒã¯ãããŠãããã¹ããªã³ãã®äžéšã«ããããšã¯ã§ããŸããã åé¡ãã¹ããªã³ãã®äžéšã«ããã«ã¯ãæåã«å®å šã«æå ¥ããããå¿ èŠããããŸãã
@ wp-media / devããã¯ãŸããŸãèŠãããŠããããã°ã«ãã£ãŠæ©èœããŸã£ãã䜿çšã§ããªããªã£ãŠãããããåªå é äœãä»ããå¿ èŠããããšæããŸãã ããã次ã®ã¹ããªã³ãã«è¿œå ããŠã解決çãèŠã€ãããããã©ããã確èªããŸããã ð
ããããšãïŒ ç§ã¯ãã®æ©èœãæ¬åœã«å€§å¥œãã§ã-ãããç§ã®ãã¹ãŠã®ãŠã§ããµã€ãã§äœ¿çšã§ããã°çŽ æŽãããã§ãããïŒ
@ wp-media / productrocketããã«é¢ããããŒã ããã®ãã£ãŒãããã¯ïŒ
ãã®æ©èœã®çŸåšã®åäœæ¹æ³ãå€§å¹ ã«å€æŽããªãéãããã®ä¿®æ£ã¯ãªããããå ã«é²ãåã«ããã«æ€èšããå¿ èŠããããŸãã
ããŒãºãšmouseWheelã€ãã³ããšsetTimeOutã Infinite Scrollããã®ä»ã®ã¹ã¯ãªããã®ãããªmouseweelã¹ã¯ãªããã§ã¯ãæ£ããæ©èœãããmousewhellã ãã®å Žåã¯æ¬¡ã®ããŒãžãèªã¿èŸŒãŸããŸããã äžè¬ã«ãããã¯ãã¹ãŠã®ã¹ã¯ãªããã«é©çšãããéèŠã§ãã
setTimeOutãªãã§JSãé
延ããããšããªã³ã¯ã2åã¯ãªãã¯ããå¿
èŠãããããšã«å ããŠãåé¡ãçºçããŸãã äŸïŒãã·ã¢ã»ã°ã¡ã³ãã§ã¯ãYandexæ€çŽ¢ãšã³ãžã³ã ã«ãŠã³ã¿ãŒã¯Webãã¥ãŒã¢ãŒã䜿çšã§ããŸããããã¯ãŠãŒã¶ãŒã¢ã¯ã·ã§ã³ã®èšé²ã§ãã ãããã£ãŠãã¹ã¯ãªãããé
ãããã¹ãã§ã¯ãããŸããããŠãŒã¶ãŒã¢ã¯ã·ã§ã³ã衚瀺ãããšãã«ããµã€ãã®ã«ãŠã³ã¿ãŒã¹ã¯ãªãããããŒãããå¿
èŠãããããã§ãã ãŸãããã¥ãŒã¢ã§ã¢ã¯ã·ã§ã³ããããŒããŠã³ãããããŠã¹ãªãŒããŒãããã¿ããã ãŒããããã¿ããã¹ã¿ãŒãããçºçããªããããåœç¶ããŒããããŸããã
WP RocketããŒã ããããã©ã®ããã«æ€èšããŠããããæ¬åœã«ç¥ãããã®ã§ãããiOSãåé¡ãä¿®æ£ãããŸã§ã¯ãå°ãªããšãxç§åŸã«ã¹ã¯ãªãããèªåããŒããããªãã·ã§ã³ãå¿ é ã§ãã
@ wp-media / productrocketããã«é¢ããããŒã ããã®ãã£ãŒãããã¯ïŒ
- iOSã®åäœæ¹æ³ã®ãããããã¯æ³šæãå¿ èŠã§ãã
- éèŠãªã®ã¯ãã¿ããã¹ã¯ãªãŒã³ã«ã¯ãããããã¿ããã¢ã³ãããŒã«ã以å€ã®è¯ããããŒã®éžæè¢ããªããšããããšã§ãããå°ãªããšãiOSããã€ã¹ã§ã¯ãããèªäœã«éèŠæ§ããããŸãïŒãªã³ã¯å ã®ãã¬ãã¥ãŒãã¬ãŒã ãããŒãããŸãïŒã
- Ahmedã¯ä»¥åã«ããããæ·±ãæãäžããŸããããå¯äžã®è§£æ±ºçã¯ããã©ã€ã³ã°ã¹ã¯ãªããã®ããã«ã¿ã€ã ã¢ãŠãã䜿çšããããšã§ãã
ãã®æ©èœã®çŸåšã®åäœæ¹æ³ãå€§å¹ ã«å€æŽããªãéãããã®ä¿®æ£ã¯ãªããããå ã«é²ãåã«ããã«æ€èšããå¿ èŠããããŸãã
ã¿ã€ã ã¢ãŠããœãªã¥ãŒã·ã§ã³ã®å®è£ ã®ã¿ã€ã ã©ã€ã³ã¯ãããŸããïŒ
Xç§åŸã«ã¹ã¯ãªãããããŒãããããšã¯è§£æ±ºçã§ã¯ãããŸããã ãããè¡ãããšã¯ããã®æ©èœã®ç®çãšã¯æ£å察ã§ãã ãããããã«è§£æ±ºçãèŠã€ããããšãã§ããã°ãç§ãã¡ã¯ãã®éãæ©ãããšããŸãã
@arunbasillal @ engahmeds3edããã€ãã®ãã¹ããããçŽããŠ
ç§ãã¡ã®ãŠã§ããµã€ãã§ãåãåé¡ããã£ãã®ã§ãç§ã¯å°ããŠããŸãã ããããå é±ä»¥æ¥ãç§ãã¡ã¯ããåé¡ãæ±ããŠããŸããã ããã¯ç§ãã¡ã®æ°ãããŠã§ããµã€ãããªãªãŒã¹ããã®ã¯å¶ç¶ã§ããããããšãiOSã¢ããããŒãã§ããïŒ
ã¿ã€ã ã¢ãŠããœãªã¥ãŒã·ã§ã³ã®å®è£ ã®ã¿ã€ã ã©ã€ã³ã¯ãããŸããïŒ
ETAãæäŸããããšã¯ã§ããŸããã
@GeekPress DevããŒã«ãæäŸããã¢ãã€ã«ãŠã£ã³ããŠãµã€ãºã䜿çšããŠChromeã§ãµã€ãã衚瀺ãããšïŒãã®æ©èœã®æ£åŒãªååã¯ãããŸããïŒããããã¢ãã€ã«ãã¬ãã¥ãŒã§ããïŒïŒã2æ¬ã®æã§ã¹ã¯ããŒã«ããŠãåæãå«ãé 延ã¹ã¯ãªãããããªã¬ãŒãããããšã¯ãããŸããã ãŸãããã®ã¹ã¬ããã§ã®ããã«ã¯ãªãã¯ã®åé¡ã«ã€ããŠãã©ã®ããŒãžãšãªã³ã¯ããã¹ãããŸãããïŒ ãããããŒãžïŒ
@GeekPress DevããŒã«ãæäŸããã¢ãã€ã«ãŠã£ã³ããŠãµã€ãºã䜿çšããŠChromeã§ãµã€ãã衚瀺ãããšïŒãã®æ©èœã®æ£åŒãªååã¯ãããŸããïŒããããã¢ãã€ã«ãã¬ãã¥ãŒã§ããïŒïŒã2æ¬ã®æã§ã¹ã¯ããŒã«ããŠãåæãå«ãé 延ã¹ã¯ãªãããããªã¬ãŒãããããšã¯ãããŸããã ãŸãããã®ã¹ã¬ããã§ã®ããã«ã¯ãªãã¯ã®åé¡ã«ã€ããŠãã©ã®ããŒãžãšãªã³ã¯ããã¹ãããŸãããïŒ ãããããŒãžïŒ
ChromeããããããŒããŒã«ã§ã¢ãã€ã«ãã¬ãã¥ãŒã䜿çšããŠãã¹ãããŠããã¿ãããžã§ã¹ãã£ãç°ãªããããiOSããã€ã¹ã§å®éã«ãã¹ãããå ŽåãšåãçµæãåŸããããšã¯æããŸããã
@Roboonlããã§ããéãã¯ãã§ãã ãããŠãç§ã¯ããããŠããŸããã WP Rocketã«ãšã£ãŠãç¹å®ã®æ¡ä»¶äžã§ã¹ã¯ãªãããããŒããããªãããšã¯åé¡ãªãã®ã§ã¯ãªãããšæããŸãã
setTimeOutãå¿ èŠã§ãããããããå¿ èŠã§ãã
é¢é£ïŒ https ïŒ
é¢é£ããã±ãŒã¹ïŒ https ïŒ
ãã©ãŠã¶ïŒSafariãšchrome
ããã€ã¹ïŒiPhone 11 Pro
ã¿ã€ã ã¢ãŠãããªã¬ãŒãè¿œå ãããšã httpsïŒ//github.com/wp-media/wp-rocket/issues/3420ã解決ãã
ã¿ã€ã ã¢ãŠãããªã¬ãŒãè¿œå ãããšãïŒ3420ã解決ãããŸã
@ piotrbak ïŒ3420ããã®åé¡ã«é¢é£ããŠãããã©ããã¯
@GeekPressç§ã®ç解ã§ã¯ããŠãŒã¶ãŒã¯WebããŒãžãã¹ã¯ããŒã«ããŠããŠã
https://github.com/wp-media/wp-rocket/issues/3454ã«ã€ããŠã¯æ£ããããã§ãããããã¯ã¢ãã€ã«ã«ãé¢é£ããŠããŸãã ããããããããã®åé¡ã®ãããããhttps://github.com/wp-media/wp-rocket/issues/3420ã解決ããã§ããã
ããããšã
ãã¹ãŠã®ã¢ããããŒãïŒ
@arunbasillal WP-rocketã«ãªãã·ã§ã³ãè¿œå ããŠããã®éã«ç¹å®ã®ããŒãžã§é€å€ããããšã¯ã§ããŸãããïŒ
Flying Scriptsãšåæ§ã«ãããŒã¯ãŒããå«ãç¹å®ã®ããŒãžã®DelayJSãé€å€ãããªãã·ã§ã³ããããŸãã
å¥ã®ã±ãŒã¹ïŒ
https://secure.helpscout.net/conversation/1417928403/237257?folderId=2683093
ChromeããããããŒããŒã«ã§ã¢ãã€ã«ãã¬ãã¥ãŒã䜿çšããŠãã¹ãããŠããã¿ãããžã§ã¹ãã£ãç°ãªããããiOSããã€ã¹ã§å®éã«ãã¹ãããå ŽåãšåãçµæãåŸããããšã¯æããŸããã
@Roboonlå®éã®ã¢ãã€ã«ããã€ã¹ã§ãã¹ããããŠããŸãã ã¢ãã€ã«ã§åœç€Ÿã®ãŠã§ããµã€ãããè©Šããã ããã2åã¯ãªãã¯ããå¿ èŠã¯ãããŸããã
@roberthedlundäœããèŠéããŠããã¯ãã§ããã
ChromeããããããŒããŒã«ã§ã¢ãã€ã«ãã¬ãã¥ãŒã䜿çšããŠãã¹ãããŠããã¿ãããžã§ã¹ãã£ãç°ãªããããiOSããã€ã¹ã§å®éã«ãã¹ãããå ŽåãšåãçµæãåŸããããšã¯æããŸããã
@Roboonlå®éã®ã¢ãã€ã«ããã€ã¹ã§ãã¹ããããŠããŸãã ã¢ãã€ã«ã§åœç€Ÿã®ãŠã§ããµã€ãããè©Šããã ããã2åã¯ãªãã¯ããå¿ èŠã¯ãããŸããã
@roberthedlundäœããèŠéããŠããã¯ãã§ããã
@roberthedlundãããšãããªãã¯ãã§ã«WPãã±ããã§ããããè¡ãããšãã§ããŸãã ããŒãžç·šéç»é¢ã«ç§»åãã«WPãã±ãããªãã·ã§ã³Â»ã¡ã¿ããã¯ã¹ãéããŠãJSå®è¡ã®é 延ãªãã·ã§ã³ããªãã«ããã ãã§ãã
@roberthedlundãããšãããªãã¯ãã§ã«WPãã±ããã§ããããè¡ãããšãã§ããŸãã ããŒãžç·šéç»é¢ã«ç§»åãã«WPãã±ãããªãã·ã§ã³Â»ã¡ã¿ããã¯ã¹ãéããŠãJSå®è¡ã®é 延ãªãã·ã§ã³ããªãã«ããã ãã§ãã
ããããããäŸãšããŠ100ããŒãžä»¥äžã§æåã§ãããè¡ãã®ã¯çæ³çã§ã¯ãããŸããã
ãã¹ãŠã®ã¢ããããŒãïŒ
ãã®åé¡ã¯ãAndroidäžã®ChromeãæèŒããããŒãžã§ã³3.8.6ã§ãåŒãç¶ãçºçããŸãã Fying Scriptsãè©Šãããšããããã®ããã«ã¯ãªãã¯ã®ãã°ã¯çºçããŸããã§ããã iOSã®å Žåããã©ã€ã³ã°ã¹ã¯ãªããã䜿çšããŠããå Žåã§ããèŠèŽè ã¯ããã«ã¯ãªãã¯ããå¿ èŠããããŸãã
ãã¹ãŠã®ã¢ããããŒãïŒ ããªãããŸã WP-rocketã®ãŠãŒã¶ãŒã«åé¡ã«ã€ããŠäœãç¥ãããŠããªãã®ã¯å¥åŠã ãšæããŸãã 人ã ãé 延JSæ©èœãã¢ã¯ãã£ãã«ããåã«èŠåéç¥ãå ¥åããããšã¯ã©ãã»ã©é£ããã§ããïŒ ç§ãåé¡ã«ã€ããŠé£çµ¡ããåã«ãåé¡ã«èŠããã§ããããšããŸã ç¥ããªãããŸããŸãªãã©ãŒã©ã ã§éåžžã«å€ãã®ãŠãŒã¶ãŒãèŠãŠããŸããã ããã¯ããªã倧ããªåé¡ã§ãããèŠåããå¿ èŠããããšæããŸãã
@socialpreneur iOSã®å Žåãã·ãã¥ã¬ãŒã·ã§ã³ã§ã¯ãªããå®éã®ã¢ãã€ã«ã§è©ŠããŠããŸããïŒ
ãªãç§ã¯è³ªåãããŠããã®ã§ããïŒ
ç§ã¯èªåã®iPhone8ã§ããäžåºŠããçŽããŸããããèªåã®Webãµã€ããå«ãDelayJSãå«ãŸããŠãããã¹ãŠã®Webãµã€ãã2åã¯ãªãã¯ããå¿ èŠã¯ãããŸããã
@GeekPressç§ãšç§ã®ã¯ã©ã€ã¢ã³ãã®é»è©±ãå«ãå®éã®ã¢ãã€ã«ã§ã¯ã
è¿œå ïŒãã®åé¡ã®åå ãšãªã£ãŠããå€éšãŸãã¯å éšã®ã¹ã¯ãªãããããããã§ãã WPRocketã®DelayJSãFlyingScriptsã䜿çšããŠãããã¹ãŠã®ãµã€ãã«ãã®ããã«ã¯ãªãã¯ã®çç¶ãããããã§ã¯ãããŸããã ãããŸã§ã®ãšããããã®åé¡ããªã2ã€ã®ãµã€ãã¯AdSenseã䜿çšããŠããŸããã ã©ã¡ããåå ãã解æããããã«ãããã«å€ãã®ã±ãŒã¹ãåéããå¿ èŠããããšæããŸãã
@GeekPress
@socialpreneur iOSã®å Žåãã·ãã¥ã¬ãŒã·ã§ã³ã§ã¯ãªããå®éã®ã¢ãã€ã«ã§è©ŠããŠããŸããïŒ
ãªãç§ã¯è³ªåãããŠããã®ã§ããïŒ
ç§ã¯èªåã®iPhone8ã§ããäžåºŠããçŽããŸããããèªåã®Webãµã€ããå«ãDelayJSãå«ãŸããŠãããã¹ãŠã®Webãµã€ãã2åã¯ãªãã¯ããå¿ èŠã¯ãããŸããã
ç§ã¯DelayJSã䜿çšããŠããå€ãã®ãŠã§ããµã€ããè©Šããå®éã®é»è©±ãè©ŠããŸããã iPhone 8ãiPhone SEãiPhone11ããã³ããããã¹ãŠã«ãã®åé¡ããããŸããã æåã®ãã¯ãªãã¯ãã§æ©èœããå Žåãããã°ãå®å šã«æ©èœããªããªãå ŽåããããŸãã ãããã£ãŠãåé¡ã¯çŸå®ã®ãã®ã§ãã
@socialpreneurç§ãã¡ã®ãŠã§ããµã€ãïŒhttps://wp-rocket.meïŒã§è©ŠããŸãããïŒ ç§ãèšã£ãããã«ãç§ã¯ããã€ãã®ãŠã§ããµã€ããè©ŠããåŸãåé¡ãåçŸããããšãã§ããŸããã
䜿çšããŠããiOSã®ããŒãžã§ã³ãæããŠãã ããã
@GeekPressããªããèŠããã¹ãŠãçå®ã§ãããšããããã§ã¯ãããŸããã å°ãªããšã1人ã®WPRocketãŠãŒã¶ãŒãåé¡ãæ±ããŠããå Žåã¯ãåé¡ã解決ããããã«ããããããšãè¡ãå¿ èŠããããŸãã ç§ã®iOSã¯14.4ã§ããã¯ã©ã€ã¢ã³ãã«iOSããŒãžã§ã³ãå°ããŸãã ç§ãèšã£ãããã«ãããã¯ç¹å®ã®ã¹ã¯ãªããã䜿çšããç¹å®ã®ãµã€ãã®ãã¹ãŠã®Delay JSãã©ã°ã€ã³ïŒWP RocketãFlying ScriptsãPerfmattersïŒã§çºçããŠãããããããã¯ããªãã®åå ã ãã§ã¯ãããŸããã
ãã©ãŠã¶ãããããŸãããããã®ããã«ã¯ãªãã¯ã®åé¡ãèŠããšãiOSã ãã§ãªããAndroidãšChromeã«ãããã®ã§ãæããã«iOSãšSafariã®åé¡ã ãã§ã¯ãããŸããã ç¹å®ã®ãµã€ãã§ãã®åé¡ãåé¿ããããã«ãã¡ãã£ãšããããã¯ãè¿œå ã®functions.phpãèãåºãããšãã§ããã°å¹žãã§ãã
äœãèŠã€ããããç¥ããããŸãã
è¿œå 1ïŒOKãåé¡ãçºçããŠãã3çªç®ã®ãµã€ãã§ãã ãã¶ãç§ã¯ããã€ãã®äžè¬çãªã¹ã¯ãªãããçµã蟌ãããšãã§ããŸãã
è¿œå 2ïŒãããŸã§ã®ãšãããDelayJSãæå¹ã«ããã ãã§ã¯ãã®åé¡ã¯çºçããŸããã
ããããããã€ãã®ã¹ã¯ãªãããèšå®ãããšãããã«ã¯ãªãã¯/ã¿ãããçºçãå§ããŸãã
è¿œå 3ïŒããããŸããããããç§ãèŠã€ãããã®ã§ãã ãç®æ¬¡ããè¿œå ãããšãããã«ã¯ãªãã¯ãããªã¬ãŒãããŸãã ãããå ±åããŠããä»ã®ãã¹ãŠã®ãŠãŒã¶ãŒã«ãšã£ãŠåãã§ã¯ãªããããããŸãããããããŸã§ã®ãšãããããã¯ããŒã¯ãŒãã®1ã€ã§ãã ç®æ¬¡Plusã¯ãã©ã°ã€ã³åã§ãã
è¿œå 4ïŒããã«è¯ããã¥ãŒã¹ããããŸãã åãåé¡ãæ±ããŠããå¥ã®ãµã€ããTOCPlusã䜿çšããŠããŸãã @GeekPress ããã®ãã©ã°ã€ã³ãæå¹ã«ããŠãã¹ãããŠãã ããã ãŸãããã¹ãŠã®ãµããŒãã¹ã¿ããã«ãåãåé¡ãæ±ããŠãããŠãŒã¶ãŒãèªåã®ãµã€ãã§ããã®ãã©ã°ã€ã³ã䜿çšããŠãããã©ããã確èªããããã«äŒããŸãã ã§ããã ãéãã«ã
è¿œå 5ïŒTOC Plusã¹ã¯ãªãããé ãããªãããšã§ããµã€ãã®1ã€ã§ãã®åé¡ã解決ããããšãã§ããŸããã ããããåããœãªã¥ãŒã·ã§ã³ãå¥ã®ãµã€ãã§ã¯æ©èœããªãã£ããããé 延ã«å¯Ÿå¿ããŠããªãã¹ã¯ãªãããããã€ãããããã§ãã
è¿œå 6ïŒjqueryããŒãžã§ã³ããã®åé¡ã®äžéšãæ ã£ãŠããå¯èœæ§ããããšæããŠããŸãã äžæ¹ã®äœæ¥ãµã€ãã¯ææ°ããŒãžã§ã³ã䜿çšããããäžæ¹ã®éäœæ¥ãµã€ãã¯å€ãããŒãžã§ã³ïŒ/wp-includes/js/jquery/jquery.js?ver=1.12.4-wpïŒã䜿çšããŸãã ããã«ãããã°...
@GeekPress TOC Plusã®ä»ã«ã
åçŸããã«ã¯
解決
ããã¯AdSââenseã¹ã¯ãªãããã©ã®ããã«èšèšãããŠããããã«èŠããã®ã§ãç§ã«ã¯ããããŸããã ããªãã®åé¿çã¯æ¬¡ã®ãšããã§ãã
@GeekPressç§ã®ãŠã§ããµã€ãã¯celmetro.comã§ãé 延Javascriptå®è¡ãæå¹ã«ãããšãåãããã«ã¯ãªãã¯ã®åé¡ãçºçããŸãããªã¹ãã«é 延ããã¹ã¯ãªããããªããã©ããã¯é¢ä¿ãããŸããã
é¢é£ïŒ https ïŒ
圌ãã¯TOCãã©ã¹ãšã¢ãã»ã³ã¹ã䜿çšããŠããŸãã
ç·šéïŒããã¯ã圱é¿ãåãããµã€ãã§ã®ç»é¢èšé²ã«é¢ãã@socialpreneurããã®è¿œå æ
å ±ã§ãã
Chromeã¢ãã€ã«ãä»ããŠïŒããã³Chromeãã¹ã¯ããããä»ããŠWebéçºããŒã«ãã¢ãã€ã«ãšããŠããŒãããããã«èšå®ããŠïŒèªåã®Webãµã€ãã§åé¡ã確èªã§ããŸã
æãåèã«ãªãã³ã¡ã³ã
æ€çŽ¢ããåŸãç§ã¯äœ¿çšã«é¢é£ã®SafariãšIOSã«åé¡ããããšããããšã
touchstart
ãŸãã¯touchmove
䜿çšããã«touchend
ã®ãªã³ã¯ãããã«ã¯ãªãã¯ããŠåé¡ãäœãïŒããªãã¯äžãã¯ãªãã¯ããå¿ èŠããããŸãæåã®ã¯ãªãã¯ãšããŠç»é¢ããä»»æã®ãã€ã³ãã次ã«uã¯ä»»æã®ãªã³ã¯ãã¯ãªãã¯ã§ããŸãïŒæ¬¡ã®ãªã³ã¯ã¯ãåé¡ã匷調ããããšããŸãã
https://stackoverflow.com/a/10340968
ã客æ§ã®ãµã€ãã§ã次ã®å€æŽãå ããŠåé¡ã解決ããŸããã
https://github.com/wp-media/wp-rocket/blob/7ec9d996f004707a57c4c8476090d5bd943051f0/assets/js/lazyload-scripts.js#L91 -L99
touchmove
ãtouchmove touchend
眮ãæããŸãtouchstart
ãtouchstart touchend
眮ãæããŸã@hellofromtonyaã«ç¢ºèªããåŸã圌女ã¯èšããŸããïŒ-
ã ããç§ã¯ããŒãºãè¿œå ããŸãïŒèª¿æ»ãããç 究éçºã©ãã«ã