[B! optimization] ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ytkwsm id:ytkwsm

optimizationã«é–¢ã™ã‚‹ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€JavaScriptã€‘ãƒ¡ãƒ¢ãƒªã®æµªè²»ã‚’é¿ã‘ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° | ãƒ˜ãƒƒãƒ‰ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ã‚¹ã®ãƒ–ãƒã‚° TechNote
ã“ã‚“ã«ã¡ã¯ã€‚è‰¯æ˜Œã§ã™ã€‚ Facebookã€Githubãªã©ã®JSONå½¢å¼ã§ãƒ¦ãƒ¼ã‚¶æƒ…å ±ã‚’è¿”å´ã™ã‚‹APIã‚„ã€PhoneGapã€Monacaãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€IDEãŒé–‹ç™ºãƒ„ãƒ¼ãƒ«ã¨ã—ã¦å®šç€ã—ã¦ããŸã“ã¨ã«ã‚ˆã‚Šã€JavaScriptã‚’åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€JavaScriptã‚³ãƒ³ãƒ†ãƒŠãŒWebãƒ–ãƒ©ã‚¦ã‚¶ã®å ´åˆã«ã€å‹•çš„ã«ç¢ºä¿ã•ã‚Œã‚‹ãƒ¡ãƒ¢ãƒªé ˜åŸŸã®æµªè²»ã‚’é¿ã‘ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScriptã«ãŠã‘ã‚‹ãƒ¡ãƒ¢ãƒªã®æµªè²»ã‚’é¿ã‘ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° JavaScriptã«ãŠã‘ã‚‹ãƒ¡ãƒ¢ãƒªã®æµªè²»ã‚’é¿ã‘ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ãŸã‚ã«ã¯ã€GC(ã‚¬ãƒ™ãƒ¼ã‚¸ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³)ã€ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã«ã¤ã„ã¦ã®çŸ¥è˜ãŒå¿…è¦ã§ã™ã€‚ã¾ãšã¯ã€ã“ã®2ã¤ã®æ©Ÿèƒ½ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ â– GC(ã‚¬ãƒ™ãƒ¼ã‚¸ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³) GCã¨ã¯ãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‹•çš„ã«ç¢ºä¿ã—ãŸãƒ¡ãƒ¢ãƒªé ˜åŸŸã®å†…ã€ä¸è¦ã«ãªã£ãŸé ˜
ytkwsm 2020/09/14
javascript

performance

tips

optimization
ãƒªãƒ³ã‚¯
decoding="async"ã¨loading="lazy"ã®é•ã„| PerfData
ç”»åƒã®èªè¾¼å‡¦ç†ã®é•ã„ ãƒšãƒ¼ã‚¸ä½œæˆæ—¥ 2019å¹´12æœˆ19æ—¥ ãƒšãƒ¼ã‚¸æ›´æ–°æ—¥ 2021å¹´3æœˆ2æ—¥ è‘—è€…: ç«¹æ´ž é™½ä¸€éƒŽ Webãƒšãƒ¼ã‚¸ã«ãŠã„ã¦ã€ç”»åƒã¯é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ãŠã‚Šã€é«˜è§£åƒåº¦åŒ–ã¨åˆ©ç”¨ã•ã‚Œã‚‹æžšæ•°ã¯å¢—ãˆã¦ã„ãå‚¾å‘ã«ã‚ã‚Šã¾ã™ã€‚ ãã®ä¸€æ–¹ã§ã€ç”»åƒã¯ã€å¾“æ¥ã©ãŠã‚Šã®å®Ÿè£…ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTMLã®ãƒ‘ãƒ¼ã‚¹å‡¦ç†ã‚’é…å»¶ã•ã›ã‚‹è¦å› ã¨ãªã‚Šã¾ã™ã€‚ ç”»åƒã‚’ã„ã‹ã«é…å»¶è¦å› ã¨ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ã‹ã®å‡¦ç†ã¨ã—ã¦ã€decoding="async"ã¨loading="lazy"ã®é•ã„ã‚’è§£èª¬ã—ã¾ã™ã€‚ decodingå±žæ€§ã¯ã€ç”»åƒã®ãƒ‡ã‚³ãƒ¼ãƒ‰å‡¦ç†ã«é–¢ã—ã¦ã®æŒ‡ç¤ºã‚’ãƒ¦ãƒ¼ã‚¶ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã«æ˜Žç¤ºã™ã‚‹å±žæ€§ã§ã™ã€‚ decoding="async"ã¨æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ç”»åƒã®ãƒ‡ã‚³ãƒ¼ãƒ‰å‡¦ç†ã‚’éžåŒæœŸã«ãƒãƒƒã‚°ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰å‡¦ç†ã—ã€ä»–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºå‡¦ç†ãŒçµ‚ã‚ã£ãŸæ™‚ã«æ›´æ–°å‡¦ç†ã§ç”»åƒã‚’ä¸€ç·’ã«å‡ºã—ã¾ã™ã€‚ è¨˜è¿°ã®ä»•æ–¹ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <img class
ytkwsm 2020/01/23
html

img

webdesign
ãƒªãƒ³ã‚¯
GitHub - chrissimpkins/Crunch: Insane(ly slow but wicked good) PNG image optimization
Crunch is a tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using the pngquant and zopflipng PNG optimization tools. This approach leads to a significant file size gain relative to lossless approaches at the expense of a relatively modest decrease in image quality (see example im
ytkwsm 2018/06/25
image

optimization

png
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚¸ãƒ£ãƒ³ãƒ—çŽ‡ã®ã‚»ã‚ªãƒªãƒ¼ã‚’è€ƒãˆã‚‹ | ãƒ•ã‚©ãƒ³ãƒˆã®è©± | ã¤ã¿ããƒ–ãƒã‚°
æ ªå¼ä¼šç¤¾ã¤ã¿ã UI/UXäº‹æ¥çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› æ‹å•“ã€€æ™‚ä¸‹ã¾ã™ã¾ã™ã”æ¸…ç¥¥ã®ã“ã¨ã¨ãŠå–œã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ å¹³ç´ ã‚ˆã‚Šæ ¼åˆ¥ã®ã”é«˜é…ã‚’è³œã‚Šã€åŽšãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã“ã®åº¦ã€å¼Šç¤¾ã¯å‰µæ¥ä»¥æ¥ç¶šã‘ã¦å‚ã‚Šã¾ã—ãŸUI/UXäº‹æ¥ï¼ˆå—è¨—åˆ¶ä½œäº‹æ¥ï¼‰ã«ã¤ãã¾ã—ã¦ã€2024å¹´4æœˆ30æ—¥ã‚’ã‚‚ã£ã¦çµ‚äº†ã™ã‚‹ã“ã¨ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¯ã€å¼Šç¤¾ã®ä¸»åŠ›äº‹æ¥ã§ã‚ã‚‹Filmarksã‚’ã¯ã˜ã‚ã¨ã—ãŸã€æ˜ åƒé–¢é€£äº‹æ¥ã«æ³¨åŠ›ã—ã¦å‚ã‚Šã¾ã™ã€‚ ã”æ„›é¡§ã‚’å—ã‘è³œã‚Šã¾ã—ãŸçš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ç”³ã—ä¸Šã’ã¾ã™ã¨ã¨ã‚‚ã«ã€ã”ç†è§£è³œã‚Šã¾ã™ã‚ˆã†ãŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ æ•¬å…· æ ªå¼ä¼šç¤¾ã¤ã¿ã ä»£è¡¨å–ç· å½¹ç¤¾é•· éˆ´æœ¨ è²´å¹¸ äº‹æ¥çµ‚äº†äºˆå®šæ—¥ï¼š2024å¹´4æœˆ30æ—¥ [email protected]
ytkwsm 2016/07/28
gulp

optimization
ãƒªãƒ³ã‚¯
WordPress â€º Error
This site has been archived. Please visit the Adobe Blog for the latest Adobe articles.
ytkwsm 2014/04/22
animation

performance

css3

transition

browser

optimization
ãƒªãƒ³ã‚¯
jQuery Performance Tips â€“ jQueryã«ãŠã‘ã‚‹é«˜é€ŸåŒ– -
ãƒªãƒƒãƒãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹ãƒ‹ãƒ¼ã‚ºã®å¢—åŠ ã«ä¼´ã„ã€JavaScriptã§ååˆ†ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ‹…ä¿ã™ã‚‹ã“ã¨ãŒé›£ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ã¨ã‚Šã‚ã‘ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚ˆã†ãªéžåŠ›ãªãƒ‡ãƒã‚¤ã‚¹ã§ã¯ä¸€å±¤ã‚·ãƒ“ã‚¢ãªãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚æœ¬ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã€ã‚‚ã£ã¨ã‚‚ãƒãƒ”ãƒ¥ãƒ©ãƒ¼ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ã€ŒjQueryã€ã‚’ä¸å¿ƒã¨ã—ãŸã€ã„ãã¤ã‹ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è§£æ±ºã®ãŸã‚ã®ãƒ’ãƒ³ãƒˆã«ã¤ã„ã¦ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ http://frontrend.github.com/events/04/#pocotan001Read less
ytkwsm 2013/11/14
IE6-8å¯¾å¿œç”¨ã‚¹ãƒ‹ãƒšãƒƒãƒˆã€‚

javascript

jquery

optimization

tips
ãƒªãƒ³ã‚¯
ReFlowã®åŽŸå› ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®æœ€é©åŒ– Â« NAVER Engineers' Blog
è‡ªå·±ç´¹ä»‹ ãƒã‚¤ãƒãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ã®UIT(User Interface Techno logy)ãƒãƒ¼ãƒ ã®è£µå®Œç†(ãƒ™ãƒ¯ãƒ‹)ã§ã™ã€‚ æ¦‚è¦ CSSã‚„JavaScriptã‚’ä½¿ã£ã¦è¤‡é›‘ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ãŒã€é€Ÿåº¦ä½Žä¸‹ãªã©ã®å•é¡ŒãŒç™ºç”Ÿã—ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚’100%ç›´ã™ã“ã¨ã¯é›£ã—ã„ã§ã™ãŒã€æ”¹å–„ã™ã‚‹ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã®ã§ã€ç†è§£ã—ãŸä¸Šã§æ”¹å–„æ–¹æ³•ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã®ç†è§£ ãƒ–ãƒ©ã‚¦ã‚¶ã®åŸºæœ¬æ§‹é€ User Interface â€“ ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã€æˆ»ã‚‹ãƒ»é€²ã‚€ãƒœã‚¿ãƒ³ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã€ãƒ¡ã‚¤ãƒ³ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã«è¡¨ç¤º(document)ã•ã‚Œã‚‹ãƒšãƒ¼ã‚¸ä»¥å¤–ã®éƒ¨åˆ† Browser Engine â€“ UIã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³é–“ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’åˆ¶å¾¡ã™ã‚‹ã‚‚ã® Rendering Engine â€“ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨
ytkwsm 2013/06/18
ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ—ãƒã‚»ã‚¹ã«ã¤ã„ã¦

javascript

markup

dom

performance

browser

optimization

html

css
ãƒªãƒ³ã‚¯
1