Originally presented at Baruco 2014. Updated for RubyConf Portugal 2014. Video here: https://www.youtube.com/watch?v=fGFM_UrSp70.
Originally presented at Baruco 2014. Updated for RubyConf Portugal 2014. Video here: https://www.youtube.com/watch?v=fGFM_UrSp70.
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). å¼ç¨ï¼InstantClick â JS library to make your website instant ãªã³ã¯ã«ãã¦ã¹ãªã¼ãã¼ãã¦ããã¯ãªãã¯ããã¾ã§ã«ã¯200msãã300msã»ã©æéããããããã§ããå®éãã®ãã¹ããã¼ã¸ã§ã¯ãªãã¯ãã¦ã¿ãã¨Macã®ãã©ãã¯ãããã ã¨ããã«é ã500msãããããã£ã¦ã¾ããã InstantClick.ioã¯ãã®éã«è£ã§ãªã³ã¯å ãã¼ã¸ããã¼ããã¦åæã«ãªã³ã¯ãpjaxåãã¦ãã¾ãã¨ããé«éåã©ã¤ãã©ãªã§ãã ãã£ã¦ããã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã
2012å¹´3æ15æ¥æ¨ææ¥ phpãé«éåãã60ã®æ¹æ³ 01. static ã«ã§ããã¡ã½ãã㯠static ã¨ãã¦å®£è¨ããããï¼4åéãï¼ 02. echo ã®æ¹ã print ããéãã 03. echo âæâ,'åâ; ï¼ã«ã³ãåºåãï¼ã®æ¹ããâæâ.'åâ ï¼ãããé£çµï¼ããéãã 04. ã«ã¼ãã®æ大å¤ã¯ãã«ã¼ããå ãã§ã¯ãªããåãã«ã»ãããã¦ãããã 05. 大ããé åã®ãããªå¤æ°ã¯ unset() ãã¦ã¡ã¢ãªã解æ¾ãããã 06. ãã¸ãã¯ã¡ã½ããï¼ä¾ï¼ __get, __set, __autoloadï¼ã¯ä½¿ç¨ãé¿ãããã 07. require_once ã¯ãã¤ã³ã¹ããªã®ã§ãã 08. include ã require ã§ãã¡ã¤ã«ã¯ãã«ãã¹ã§æå®ãããã 09. ã¹ã¯ãªããéå§æé㯠time() ã§ãªã $_SERVER['REQUEST_TIME
Posted at 2010/10/22 01:59, Modified at 2010/10/22 03:42 Facebook ã®ããã³ãã¨ã³ãã¯çµæ§ããã£ããã¨ããã£ã¦ãã¦ãä¾ãã°ããã°ã¤ã³å¾ã® http://www.facebook.com/home.php ã«ã¯ <div id="pagelet_home_stream"></div> ã¿ãããªç©ºã® HTML ãããããã®å¾ã« <script>big_pipe.onPageletArrive({ ⦠});</script> <script>big_pipe.onPageletArrive({ ⦠});</script> ... 㨠script è¦ç´ ãä½åããªããã§ããã BigPipe: Pipelining web pages for high performance ãã®ä»çµã¿ã¯ (å¤æ°åã®ã¨ãã) BigPipe ã¨å¼
å æ¥ã®ããã¯ãããã«ã½ã³ã§åºä¼ã£ã wantedly ãä½ã£ã¦ã仲ããã ã¨è¨ã£ã¦ãã®ã§ãé¢ç½ãããªã®ã§ wantedly ãéããã¦ã¿ã¾ããã wantedly ã¡ãªã¿ã«ãã¼ã¿ãæ°ç¾ä¸ãªã¼ãã¼ããªããããªã®ã«ãã©ã®ãã¼ã¸ããã°ã¤ã³ããã¨2-5ç§ãããããã£ã¦ããã®ã§ã確å®ã«éãã§ãããã ãªãã¨ããæè¦ã¯ããåããããã¾ããã ã¢ããªã±ã¼ã·ã§ã³ãµã¤ãã®ãã¥ã¼ãã³ã° åå¿è *1ã«ãããã¡ãªåé¡ã¨ã㦠SQL ã«é©åã«ã¤ã³ããã¯ã¹å¼µã£ã¦ãªã ãã£ãã·ã¥ãã¹ãå ´æããã£ãã·ã¥ãã¦ããªã ç¡é§ãªãã¼ã¿ãå¼ãããã¦ã ãã¨ãããããã¾ããã®ã§é ã«å®è£ ãè¦ã¦ããã¾ããã SQLã«é©åãªã¤ã³ããã¯ã¹ãå¼µã£ã¦ãªã å¼µã£ã¦ããã¾ããï¼ã³ã£ããï¼ï¼¼(^o^)ï¼ ãã£ãã·ã¥ãã¹ãå ´æããã£ãã·ã¥ãã¦ããªã Facebook API ãå©ç¨ããã¢ããªã±ã¼ã·ã§ã³ãªãã§ãããã¦ã¼ã¶ã®ãã¼ã¿ã®åå¾ãæ¯å馬鹿æ£ç´ã« HT
1 pixelï½ãµã¤ãã¼ã¨ã¼ã¸ã§ã³ãå ¬å¼ã¯ãªã¨ã¤ã¿ã¼ãºããã° ãµã¤ãã¼ã¨ã¼ã¸ã§ã³ãã®ã¯ãªã¨ã¤ã¿ã¼ã®åãçµã¿ãç´¹ä»ãããªãã£ã·ã£ã«ããã°ã§ããææ°æè¡ã¸ã®ææ¦ããµã¼ãã¹èªçã®è£è©±ãåå¼·ä¼ãã¤ãã³ãã®ã¬ãã¼ããªã©CAã¯ãªã¨ã¤ã¿ã¼ã®æ å ±ãæºè¼ã§ãã ã¯ããã¾ãã¦ã ãµã¤ãã¼ã¨ã¼ã¸ã§ã³ãã§ããã³ãã¨ã³ãã®éçºããã¦ããã¾ã å(@herablog) ã§ãã ã¹ãã¼ããã©ã³ç ã¢ã¡ã¼ããã°æ°è¦ä½æã§ä½¿ç¨ããæè¡ã«ã¤ãã¦è§¦ãããã¨æãã¾ãã #ã¡ãªã¿ã«ãã®è¨äºã§ã¯HTML5ããææ°ãã©ã¦ã¶åãã®webã¢ããªã±ã¼ã·ã§ã³ä½ææè¡ãã¨ããããªãåºã解éã§ä½¿ç¨ãã¦ãã¾ãã®ã§äºããç解ãã ããã ä»ã¾ã§Desktopã»Androidåãã¯Flashã§ä½æããã¦ããã®ã§ãããä»åã¯iOS, Androidã¨ãã«å¯¾å¿ãããã¨ãããã¨ã§ãHTML5ã§ã§ããã¨ããã¾ã§ãã£ã¦ã¿ããã¨ã«ãã¾ããã No Lagä½ãã«ããã
ä»æãWordPressã®ã¬ã¹ãã³ã¹ãåä¸ããããã©ã°ã¤ã³ âWP Hyper Responseâ ãä½ãã¾ããã®ã§æ©éå ¬éãã¾ãã ãã®ãã©ã°ã¤ã³ã使ç¨ããå ´åã¨ä½¿ç¨ãã¦ããªãå ´åã®æ¯è¼åç»ãä½ãã¾ããã®ã§ã覧ãã ããã å³ã使ç¨ããå ´åãå·¦ã使ç¨ãã¦ããªãå ´åã§ãã ç»é¢ä¸å¤®ã«ãã£ããã£ã½ããã®ã¦ã©ã¼ã¿ã¼ãã¼ã¯ãåºã¦ãã¾ããã容赦ãã ããã ãã®åç»ã¯ãç§ãéå¶ãã¦ãã ããªã¼åçç´ æ :: Free.Stocker ã®ãã¼ã¸è¡¨ç¤ºãã¹ãã§ãã ãã©ã¦ã¶ãã£ãã·ã¥ãç¡å¹ã«ãããããGoogle Chrome ã®ã·ã¼ã¯ã¬ããã¦ã¤ã³ãã¦ã使ç¨ãã¦ãã¾ãã ããã»ã©å¤§ããªéãã¯åºã¦ãã¾ãããããã©ã°ã¤ã³ã使ç¨ããã»ããè¨äºãã¼ã¸ï¼single.phpï¼ã®è¡¨ç¤ºãéããã¨ããåããé ãããã¨æãã¾ãã å¾åã¯ç®¡çç»é¢ã®ãã¹ãã§ãã ã©ãè¦ã¦ããã©ã°ã¤ã³ã使ç¨ããã»ããéããªã£ã¦ãããã¨ããåããã
WordPressã¯1ä¸3000以ä¸ã®ãã©ã°ã¤ã³ã1300以ä¸ã®ãã¼ããå ¬å¼ã«ç»é²ããã¦ããããã®æ¡å¼µæ§ãã大ä½ã®ãã¨ã¯åºæ¥ã¦ãã¾ãã¾ãã ä½ããå¼±ç¹ããã£ã¦ããã©ã«ãå©ç¨ã ã¨ããã©ã¼ãã³ã¹ãããã¾ãåºãªãã£ã¦ãã¨ã§ãã¢ã¯ã»ã¹ã®å¤ãããã°ã§ãæããããã«ããã«ã¯è²ã 工夫ãå¿ è¦ã¨ãããã¨ã§é«éåã«é¢ãããã¼ã¸ãè²ã ã¾ã¨ãã¦ã¿ã¾ããã 15 Ways To Speed Up Wordpress WordPressã§ã®ãã¼ã¸è¡¨ç¤ºé«éï¼ï¼ã®æ¹æ³ã ä½æé度ãããã¡ããæ¹æ³ãè²ã ã¨è¼ã£ã¦ã¾ããã®ã§é常ã®WEBãµã¤ãä½ãã«ããã¦ã®å¸¸èãå¤ãå«ã¿ã¾ããåèã¾ã§ã«ã¡ã¢ãã¦ã¿ã¾ããã Firebugã¨YSlowã使ã£ã¦ãã¼ã¸ãæé©åããã W3 Total Cache ã使ãã WP Super Cache çãéçã«ãã£ãã·ã¥ãã¦ããããDBã¢ã¯ã»ã¹ããªããã¡ãã£ãããããã©ã°ã¤ã³ã使ããã¨ãã話 WP
$ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb $ sudo dpkg -i ./mod-pagespeed-beta_current_amd64.deb $ sudo /etc/init.d/apache2 restart åºæ¬çã«ã¯ä»¥ä¸ã§çµäºã§ãã 詳細ãªè¨å® ç´°ããã¬ãã«ã§ã®è¨å®ãããã人ãå°å ¥ãããã¨ã«ããåé¡ãçºçãã¦äººã¯è¨å®ãå¤ãã¾ãããã è¨å®ãã¡ã¤ã« /etc/apache2/mods-enabled/pagespeed.conf ModPagespeedRewriteLevel CoreFilters ç¹ã«è¨å®ãããªãã¦ãCoreFiltersãè¨å®ããã¦ãã¾ãã(*1) Filterã®ããã¥ã¡ã³ããè¦ãéãã以ä¸ãCoreFilterã«å«ã¾ãã¦ãã
ä¸è¬çã« ImageMagick ã®ãµã ãã¤ã«ç»åçæã¯é ãã¨ããã¦ãããããã©ã¼ãã³ã¹ãæ±ããããã·ã¼ã³ã§ã¯ Imlib2 ãªã©ã®ããé«éãªç»åå¦çã©ã¤ãã©ãªã使ããããã¨ãå¤ãã§ãã Imlib2 ã®é«éãã«ã¤ãã¦ã¯ã以åãImlib2ã§ImageMagickãã3åé«éãã¤ç¾ãããµã ãã¤ã«ç»åã®çæ - åºã®ãã«ã¹ãã¤ãã²ã¤ã¨ããã¨ã®ãã¨ãã¨ããè¨äºã§ç´¹ä»ãã¾ããããã®è¨äºã®ãã³ããã¼ã¯ã«ããã¦ãImlib2 ã«ãããµã ãã¤ã«ç»åã®çæã¯ã ImageMagick ã®3åç¨é«éã§ããã ãããã ImageMagick 㯠Imlib2 ããç»è³ªããããé«æ©è½ã§ä½¿ãããããä»ãé »ç¹ã«ã¡ã³ããã³ã¹ããã¦ãããã¨ã¦ãããåºæ¥ã¦ãã¾ãããã®ç¹ Imlib2 ã¯ã2004å¹´ããã¡ã³ããã³ã¹ããã¦ããããã»ãã¥ãªãã£ãã¼ã«ãè¦ã¤ãã£ã¦ããåLinuxãã£ã¹ããªãã¥ã¼ã·ã§ã³ãããããããããå½ã¦
ãã£ãã·ã¥ãããã§ã¹ãã¨ã¯ HTML5ã®å¨è¾ºæè¡ã§ã以åãããã©ã¦ã¶ã«å®è£ ããã¦ãããã©ã¦ã¶ãã£ãã·ã¥ããããå¼·åãªãã¼ã«ã«ã¸ã®ãã£ãã·ã¥ãå¶å¾¡ããAPIï¼Offline Application Caching APIsï¼ã®è¨å®ãã¡ã¤ã«ã§ãã http://www.w3.org/TR/offline-webapps/#offline è¨å®ãã¦ã¿ã¾ããã ã¾ãããã£ãã·ã¥ãããã§ã¹ããã¡ã¤ã«ãä½ãã¾ã CACHE MANIFEST # #ããå§ã¾ã1è¡ã¯ã³ã¡ã³ã # âå é ã«ã¯å¿ ãããCACHE MANIFESTã # Version: 2010121701 # âVersionã¯ãã£ãã·ã¥ã®æ´æ°ã®ããã«ãè¨å®ãã¦ããã¨æ¥½ã CACHE: # âãCACHE:ã以éããã¼ã«ã«ã«ãã£ãã·ã¥ãã対象 # ãCACHE:ãããªãã¦ããåãæå³ã /admin/wp-content/themes/h
åæã§è©±é¡ã«ãªã£ã¦ãã¾ãããLinuxãåçã«é«éåããæ¹æ³ãçºè¦ããã¾ãã*1 *2 *3ãç¹ã«ãã©ã¦ã¶ãªã©è¤æ°ã®ã¢ããªã±ã¼ã·ã§ã³ãåæã«èµ·åããç¶æ ã§ã¯ãä½æé度ãã³ã£ããããã»ã©åä¸ãã¾ãã é«éåããæ¹æ³ãç°¡åã§ããã«ã¼ãã«ã®åæ§ç¯ã¨ããé£ããä½æ¥ã¯ä¸è¦ã§ãè¨å®ãã¡ã¤ã«ãæ°è¡æ¸ãæããã ãã§ããæ¯é試ãã¾ãããï¼ ã¹ããã-1: ~/.bashrc ã®ç·¨é ~/.bashrc ã®æ«å°¾ã«ä»¥ä¸ã®4è¡ã追å ãã¾ãã if [ "$PS1" ] ; then mkdir -m 0700 /sys/fs/cgroup/cpu/user/$$ echo $$ > /sys/fs/cgroup/cpu/user/$$/tasks fi ã¹ããã-2: /etc/rc.local ã®ç·¨é /etc/rc.local ã®æ«å°¾ã«ä»¥ä¸ã®2è¡ã追å ãã¾ã(2010/11/24æ´æ°ãä¸è¦ãªmkdirã³ãã³ã
ã¦ã§ããµã¤ãã®ããã©ã¼ãã³ã¹ã®æ¹åãSEOãã»ãã¥ãªãã£ã«å½¹ç«ã¤.htaccessã®è¨å®ãç´¹ä»ãã¾ãã 17 Useful Htaccess Tricks and Tips åèï¼Apache ãã¥ã¼ããªã¢ã«: .htaccess ãã¡ã¤ã«ãApache ã³ã¢æ©è½ [ad#ad-2] .htaccessã®è¨å®ï¼ããã©ã¼ãã³ã¹ãSEOé¢é£ .htaccessã®è¨å®ï¼ã»ãã¥ãªãã£é¢é£ .htaccessã®è¨å®ï¼ããã©ã¼ãã³ã¹ãSEOé¢é£ .htaccessã§ã¿ã¤ã ã¾ã¼ã³ãè¨å® .htaccessã§ã¿ã¤ã ã¾ã¼ã³ãè¨å®ãã¾ãã ä¾ï¼æ±äº¬ SetEnv TZ JST-9 ãããã¯ã SetEnv TZ Asia/Tokyo .htaccessã§301ãªãã¤ã¬ã¯ããè¨å® .htaccessã§301ãªãã¤ã¬ã¯ãï¼æ°¸ç¶çãªãªãã¤ã¬ã¯ãï¼ãè¨å®ãã¾ãã ä¾ï¼æ§ãã¡ã¤ã«ï¼old.htmlï¼ãæ°ãã¡ã¤ã«ï¼new
ä»ç®ããªãã¨æ¬ãèªããªããªãã¾ãããagoï¼@kyo_agoï¼ã§ãã å æ¥ãªãã¥ã¼ã¢ã«ããå¼ç¤¾ãã¶ã¤ãã¼ããã°ã®è¡¨ç¤ºãé«éåããã®ã§ãã®æ¹æ³ãç´¹ä»ãããã¨æãã¾ãã KAYAC DESIGNER'S BLOG å ã ããããã¼ã¸ã«è¨äºã12件表示ããããã®è¨äºæ¯ã«FacebookãGoogle Buzzãã¯ã¦ããTopsyï¼Twitterï¼ãèªã¿è¾¼ãã§ããã®ã§ããããã®çµæ12件*4件=48件ã®å¤é¨APIã¢ã¯ã»ã¹ãçºçã表示ã«10ç§ç¨åº¦ããã£ã¦ãã¾ããã ããããå®éã«å¤é¨APIã使ç¨ãã¦ããé¨åã¯æåã¯è¡¨ç¤ºããããè¨äºãã¯ãªãã¯ãã¦ãã表示ãããããã«ãªãããã以ä¸ã®ãããªJSã使ç¨ãã¦åè¨äºã表示ãã段éã§å¤é¨APIã¢ã¯ã»ã¹ãè¡ãããã«ããã¨ãããããããã¼ã¸ã®è¡¨ç¤ºã3ç§ç¨åº¦ã«é«éåãã¾ããã // for topsy init=preload window.preload = func
ãµã¤ãããã©ã¼ãã³ã¹è¨æ¸¬ãã¼ã«ã® PageSpeed ã YSlow ã使ãã¨ãJavaScript ã CSS ã 1 ã¤ã«ãã¦å§ç¸®ãããããæããï¼ã¾ããå§ç¸®ããã«ã¯ãEclipse ãã©ã°ã¤ã³ã GUI ãã¼ã«ãªã©ãããã¾ãããant ã®ã³ãã³ãã§ãæ軽ã«ãããå ´åã¯ãããªã®ã§ããã¾ããå¼ã³åºãã¦ãã yuicompressor 㯠Yahoo! ã® Java 製å§ç¸®ã©ã¤ãã©ãªã¼ã§ãã <?xml version="1.0" encoding="UTF-8"?> <project default="build"> <target name="build"> <!-- JavaScript é£çµ --> <concat destfile="httpdocs/all.js" encoding="UTF-8" fixlastline="yes" eol="lf"> <filelist di
2010å¹´02æ03æ¥ â¥ Firefoxãç°¡åã«è»½ããã2ã¤ã®æ¹æ³ 87 comments ãã¤ã¼ã 104ï¼ ãã§ã¼ã¯(æ±äº¬é½) []ï¼2010/02/02(ç«) 17:34:22.65 ID:F0JmIHaP Firefoxãéãã¨ãè¨ã£ã¦ã奴ã¯ã¡ããã¨ã«ã¹ã¿ãã¤ãºãã¦ãªãã ãï¼ ã»ã¯ã³ã¯ãªãã¯ã§ã·ã¹ãã ãã¼ã¿ãæé©å ttps://addons.mozilla.jp/firefox/details/11198 ã»ãããã¯ã³ã¯ãªãã¯ã§ã¢ããªã³ã®ä¸è¦ãªè¨èªãã¡ã¤ã«ï¼æ¥æ¬èªã¨è±èªä»¥å¤ï¼ãæ¶ãã¦ãããã ä½MBæ¸ã£ãã®ã表示ããããã楽ããï½ ttp://mozilla-remix.seesaa.net/article/112689126.html ãã®ï¼ã¤å®è¡ãããç³è»½ããªã£ã¦ã¯ãã¿ï½ 111ï¼ ãã©ã¹ã³(ç¥å¥å·ç) []ï¼2010/02/02(ç«) 17:58:23.59 ID:yGB
CSSã®ãªã³ã©ã¤ã³å§ç¸®ãã¼ã«ãï¼ï¼ç¨®é¡ã»ã©ã¾ã¨ã¾ã£ãã¨ã³ããªã®ãç´¹ä»ã§ãã 沢山ã®ãªã³ã©ã¤ã³å§ç¸®ãã¼ã«ãããã®ã§èªåã«ãã£ããã®ãæ¢ãããã§ãããã½ãããç«ã¡ä¸ããã¨ãå§ç¸®ã§ããæ軽ãã¯é åã§ãã 以ä¸ã®ã¨ã³ããªãåç §ãã¦ãã ããã 25 Online CSS Compressors To Optimize Your Styles Print Radar - Scanning digital space
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}