�p�t�H�[�}���X�v���̕��@�A�摜�̍œK���A���o�C�������œK���A�����ăt�����g����o�b�N�G���h�܂ł��l�������v�i�K����̍œK���ɔ�����
�@2012�N6��30���A�x���T�[����i���ŁuCSS Nite LP, Disk 23�v���J�Â���܂����BCSS Nite��Web����Ɋւ����̂��߂̃Z�~�i�[�C�x���g�ŁA�}�[�N�A�b�v�G���W�j�A��f�U�C�i�[�̕��������Q�����Ă��܂��B����̃e�[�}�́u�\�����x�œK���v�ł����B
�@�p�t�H�[�}���X�v���̕��@�A�摜�̍œK���A���o�C�������œK���A�����ăt�����g�G���h����o�b�N�G���h�܂ł��l�������v�i�K����̍œK���ƁA���L���Ȃ���ƂĂ����x�̔Z�����e�ł����B
�@�T�C�o�[�G�[�W�F���g�̐Ζ{ ���i�i@t32k�j����uMeasuring Web Performance - ���Ȗ����ŏI���Ȃ����߂̃p�t�H�[�}���X�v�� - �v�Ƃ����^�C�g���ŁA�T�C�g�̍œK�����s����ŏd�v�ȃp�t�H�[�}���X�̌v����i�╪�͕��@�ɂ��ďЉ�܂����B
�@�p�t�H�[�}���X�Ɋւ���x�X�g�v���N�e�B�X�ƌĂ����̂͑�������A�L���ȁu�n�C�p�t�H�[�}���XWeb�T�C�g�v�Ƃ������Ђł�14�̃��[�����Љ��Ă��邻���ł��B
�@���ꂼ��̃��[���͗D��x�ŏ��ʕt������Ă��܂��B�������A����s���T�C�g��A����s���l�̃X�L���ɂ���āA���ꂼ��̃��[����������ꍇ�̌��ʂ�A��̍s���₷�����قȂ�܂��B���̂��߁A���ʂ̍������̂�����g��ł����K�v������Ƃ������Ƃł��B
�@�ȒP�ł��A���܂���ʂ̂Ȃ����̂ł���ΈӖ�������܂���B���̑A�T�C�g��\�����鏈���̂ǂ̕����̑�Ȃ̂����l���A�T�C�g��\�����邽�߂̎d�g�݂𗝉����A���ՓI���_������������{���Ă����K�v�����邻���ł��B
�@�p�t�H�[�}���X�v���ɂ͈ȉ��̂悤�ȃc�[�������p�ł��邻���ł��B
�@�]���E�A�h�o�C�X�n�̃c�[���͉��P���@�Ȃǂ��Ă��Ă���邽�߁A���S�҂ɂ������Ă���A�ŏ��ɗ��p���ׂ��c�[���������ł��B
�@YSlow��PageSpeed�́A��{�I�ɂ�Firefox��Google Chrome�̊g���@�\�Ƃ��Ē���Ă���Ă���A�u���E�U����v�����s���܂��B
�@ASP�n�̃c�[���͍��@�\�Ȃ��疳���Ŏg������̂������A�E�H�[�^�[�t�H�[���`���[�g�̊m�F��A�ǂݍ��ݎ��Ԃ̊m�F�Ȃǂɗ��p�ł��邻���ł��B
�@�f�x���b�p�[�c�[���n�Ƃ��āAGoogle Chrome�ɕt������Developer Tools�ƁAFirefox�̊g���Ƃ��ē��삷��Firebug���Љ��܂����B�����̃c�[���͏ڍׂȕ��͂ɗ��p�ł��܂����A���ʂ�����P�_��ǂݎ��͂��K�v�ɂȂ邻���ł��B
�@jsPerf��JavaScript�̃R�[�h���e�L�X�g�G���A�ɓ��͂��A���̃R�[�h�̃p�t�H�[�}���X���v���ł��܂��B�܂������̃R�[�h����͂��A���ꂼ��̔�r���ł��܂��BCSS Stress Test�̓u�b�N�}�[�N���b�g�Ƃ��Ē���ACSS�̏������Ԃ��v���ł��܂��B�����̃c�[���͍ŏ�����g���̂ł͂Ȃ��A�K�v�ɉ����ė��p���Ă����Ƃ悢�����ł��B
�@�Ζ{����̓Z�b�V�����S�̂�ʂ��āAHTTP���N�G�X�g�����炷���Ƃ��d�v���Ɛ������Ă��܂����B�Z�b�V�����̍Ō�ɂ�30�̉摜�t�@�C�����ʂɃ_�E�����[�h����P�[�X�ƁA�摜��1�ɂ܂Ƃ߂�CSS Sprite�𗘗p���ĕ\������P�[�X�̃f�����悪�Љ��܂����B
�@���悩�番����ʂ�ACSS Sprite�𗘗p��1�t�@�C���ɂ܂Ƃ߂��ꍇ�̕����A3�{�߂������ł��B��p�Ό��ʂ��l�����āA����{���Ă������d�v�ƂȂ邻���ł��B
�@���t�[�̉��� �a���i@kzms2�j����摜�̍œK���̕��@�ɂ��ďЉ�܂����B�摜�̍œK���͒Ⴂ�R�X�g�ōs���܂����A�ǂ̃f�o�C�X�ɂ����Ă����ʂ������߂邽�߁A�ƂĂ��d�v�ȑƂ������Ƃł��B
�@�摜�̍œK���ɂ͈ȉ���3��ނ̕��@�����邻���ł��B���F�͌����ڂ��ω����邽�߁A���ӂ��K�v�ɂȂ邻���ł��B
�@�u���^�f�[�^�̏����v��u���k�������œK���v���s���c�[���ɂ́AImageOptim ��PNGGauntlet������A�����͌����ڂ�ω������邱�ƂȂ��摜���œK���ł��邻���ł��B
�@�u�F�������炷�v���s���c�[���ɂ� ImageAlpha �� OPTPiX Snap �����邻���ł��B�܂�JPEG�t�@�C���̍œK�����s�� JPEGmini �������ڂ��ω����邻���ł��B�����ڂ��ω�������̂ɂ��ẮA�F�����Ȃǂ��ς�邱�Ƃ����邽�߁A�摜�̍쐬�҂Ɗm�F���������悢�Ƃ������Ƃł��B
�@�摜��1�̃t�@�C���ɂ܂Ƃ߂āACSS��p���ĕ\��������@�Ƃ���CSS Sprite������܂��BCSS Sprite���s���ƕ����̉摜��1�̃t�@�C���ɂȂ邽�߁AHTTP���N�G�X�g�̐�������A�\�����������ł��܂��B�������摜���܂Ƃ߂��ꍇ�A���̉摜���Ǘ����Ă������Ƃ͑�ς��Ƃ������Ƃł��B
�@SpritePad �Ƃ���Web�T�[�r�X��ASpriteMe �Ƃ����u�b�N�}�[�N���b�g�𗘗p����ƁA������x�ȒP��CSS Sprite���ł��邻���ł��BSpriteMe�̃u�b�N�}�[�N���b�g�����s����ƁASprite�����������悢�Ǝv����摜���ꗗ�ŕ\������܂��B�����1�ɂ܂Ƃ߂��摜�ƁA�摜��\�����邽�߂�CSS����������邽�߁ACSS Sprite���ȒP�ɗ��p�ł��܂��B
�@CSS Sprite�𗘗p����ƁA�����̉摜��1�ɂ܂Ƃ߂邽�߁A�摜�t�@�C���̍X�V�p�x�������Ȃ邻���ł��B�t�@�C��������čX�V���Ă��܂����ꍇ���l�����A�摜�̃t�@�C�����͖���ς��Ă������Ƃ��]�܂��������ł��B�܂�CSS�̃t�@�C�����̋L�q��1�ӏ��ɂ��Ă����ƁA�t�@�C�����̕ύX�R�ꂪ��������\�������点��Ƃ������Ƃł��B
�@�摜�œK���ɂ͕����̕��@������܂����A���ׂĂ����{���Ȃ��Ă����ʂ͏o�邽�߁A�܂��͑Ή��ł���Ƃ��납��n�߂Ă����Ƃ悢�����ł��B
�@�T�C�o�[�G�[�W�F���g�̐ē� �S��i@cssradar�j����A���o�C������Web�T�C�g�̃p�t�H�[�}���X�œK�����@�ɂ��ďЉ�܂����B
�@�X�}�[�g�t�H���Ȃǂ̃f�o�C�X�͂ǂ�ǂ�i�����Ă��܂����A��{�I�ɂ�6�`7�N�O�̃p�\�R���ɏ����V����GPU�����ڂ���Ă���悤�ȃX�y�b�N�ɂȂ�܂��B���̂��ߓ��ɍ����ȃf�o�C�X�ł͂Ȃ������ł��B
�@���o�C���f�o�C�X�ʼn��K�ȑ��쐫����邽�߂ɂ́A�ȉ��̂悤�ȓ��e�̍œK�����K�v�ɂȂ邻���ł��B
�@���o�C�����ł̓l�b�g���[�N���x��������s����Ȃ��Ƃ��������߁AHTTP���N�G�X�g�����炵�A�]������t�@�C���T�C�Y�����炷���Ƃ��d�v�ƂȂ邻���ł��B�܂�CSS�̓ǂݍ��݂��s����ƃy�[�W���[�h���W�����ADOM�̓r���ł̓��t���[���������邱�Ƃ����邽�߁A���ӂ���K�v�����邻���ł��B
�@�X�}�[�g�t�H���Ȃǂɓ��ڂ���Ă��郂�_���u���E�U�́AHTML5��CSS3�ɑΉ����Ă��܂��BWeb Storage API���g���ƁA�u���E�U�Ƀf�[�^��ۑ��ł��܂��BApplication Cache API���g���ƁA�t�@�C�������[�J���ɃL���b�V���ł���̂ŁA�����Ƀ��[�h�ł��邻���ł��BCSS3��Gradient��Rounded Corners�i�O���f�[�V������p�ہj���g���ƁA����܂ʼn摜�ł����\���ł��Ȃ��������Ƃ��ACSS�ŋ߂������ڂɂł��邻���ł��B
�@�܂��A�j���[�V�����ɂ́AJavaScript�ł͂Ȃ�CSS�𗘗p���A����Ƀn�[�h�E�F�A�A�N�Z�����[�^�[���L���ɂȂ�g����������ƁA�����ɓ��삷�邻���ł��B
�@���o�C���f�o�C�X�̓T�C�Y���炷��ƍ����ɓ��삵�܂����A�p�\�R���Ɣ�ׂ�ƒx�����߁A���_���u���E�U�ŗ��p�ł���HTML5��CSS3�̋@�\���g�����ƂŁA�\�����x�Ȃǂ�����������H�v���K�v�ƂȂ邻���ł��B
�@������ �܂���������A�v�i�K��������Ɋւ�镔���̍������ɂ��ďЉ�܂����B�t�����g�G���h�ɂ͎�������l�ȊO���ւ�邽�߁A�v�i�K���獂�����ɂ��Č������Ă����K�v�����邻���ł��B����ɁA������x�̓T�[�o�T�C�h�̂��Ƃ��������Ă����Ƃ悢�����ł��B
�@�T�C�g�����������Ƃ���Ŗ�������̂ł͂Ȃ��A�ڂɌ����Ȃ����������P���邱�Ƃ̏d�v�ł���A�Z�b�V�����ł́u�\�����������Ă��A�N������͌����܂���v�Ƃ���������������܂����B
�@�R���e���c�̃��[�h�𑬂����邽�߂ɂ́A�u���E�U�̓����ڑ������l��������ŁA���N�G�X�g�������炵�Ă������Ƃ��d�v�ɂȂ邻���ł��B���̂��߂ɂ́A�������ꂷ����CSS��JavaScript���ł������܂Ƃ߁A���s��R�����g�Ȃǂ̕s�v�ȗv�f����������Ƃ������L���������ł��B�蓮�őΉ�����̂͑�ςł����A�ȉ��̂悤�ȃc�[����T�[�r�X���g���A��r�I�ȒP�ɂł��邻���ł��B
�@�܂��R���e���c��gzip���k���č��������邱�Ƃ��L�����Ƃ������Ƃł��B�t�@�C���T�C�Y��1/5�`1/3���x�ɂȂ邱�Ƃ������A���ɕs����ȉ���ɑ��Č��ʓI�������ł��B
�@Apache 2.x�n�̏ꍇ��mod_deflate��L���ɂ��邱�ƂŁAgzip���k���L���ɂȂ邻���ł��B��̓I�Ȑݒ�͌�q���܂��B
�@�L���b�V���ɂ́A�u���E�U�̃L���b�V���A�A�v���P�[�V�����L���b�V���ADNS�̃L���b�V���ȂǁA���낢��Ȏ�ނ����邻���ł��BApache�̏ꍇ��mod_expires��L���ɂ���ƁA�摜�AJavaScript�ACSS�Ȃǂ��u���E�U�ɃL���b�V���ł��܂��B��̓I�Ȑݒ�͌�q���܂��B
�@����ɑ�ʂ̃A�N�Z�X����������ꍇ�́A�ÓI�t�@�C���݂̂�z�M����L���b�V���T�[�o��lj����邱�Ƃ����邻���ł��B�L���b�V���T�[�o�ɂ́AApache��Varnish��g�ݍ��킹����ANginx�����o�[�X�v���L�V�Ƃ��ė��p�����肷�邻���ł��B
�@���ʑ���̂��߂�JavaScript�A�L���A�\�[�V�������f�B�A�n��JavaScript�ȂǁA�O������ǂݍ��ރt�@�C��������܂��B�����̃t�@�C�����Ȃ�ׂ����炷���Ƃō������������߂邻���ł��B�܂��O���h���C���̏ꍇ��DNS�̃��b�N�A�b�v���������邽�߁A�ڑ����4���x�ɂƂǂ߂Ă��������悢�����ł��B
�@Google Analytics�̃R�[�h�ATwitter�̃{�^���AFacebook��all.js�Ȃǂ̓R�[�h���p�ɂɕω����A���P����Ă��邱�Ƃ����邽�߁A����I�ɓ\��t���p�̃R�[�h�����������Ƃ��d�v�������ł��B
�@�R���e���c�ʂ������ꍇ�́A�����z�X�g�A�����l�b�g���[�N����z�M����̂�������Ƃ�����܂��B�����������ꍇ�ɂ�CDN�i�R���e���c�E�f���o���[�E�l�b�g���[�N�j���L�����Ƃ������Ƃł��B
�@CDN�̓f�[�^�̃R�s�[�𐢊E���̋��_�ɒu���A �l�b�g���[�N�̋����I�ɋ߂��ꏊ����z�M���邻���ł��B�ŋ߂ł͖����̃T�[�r�X������A��y�ɗ��p�ł���悤�ɂȂ��Ă����Ƃ������Ƃł��B��\�I�ȃT�[�r�X�Ƃ��ẮA�ȉ���3�����邻���ł��B
�@CloudFlare�͖����Ŏg���n�߂��܂��B�܂��]�ʉۋ��̏ꍇ�́A�g�p�ʂɒ��ӂ���K�v�����邻���ł��B�z�M�̎d�g�݂̓T�[�r�X�ɂ���ĈقȂ�A�ȉ��̂悤�Ȏd�g�݂����邻���ł��B
�@�Ō�ɁA������ �܂��������獂�����̃��C�u�f��������܂����B�摜�t�@�C���̑����T�C�g�����������Ă����Ƃ��������e�ł����B�������O�̃T���v���T�C�g�ƁAWebPagetest�̌v�����ʁAPingdom Tools�̌v�����ʂ͂�����ɂȂ�܂��B
�i���L�����ɋL�ڂ��Ă���v���c�[����v�����ʂ̃X�N���[���V���b�g�̓��C�u�f���ŗ��p���ꂽ���̂ł͂Ȃ��A�M�҂�������C�u�f���p�̃T�C�g���v���������̂ɂȂ�܂��j
�@�ŏ��Ɍ��݂̏�Ԃ��v�����A��p�Ό��ʂ̍����Ƃ��납�����s���K�v�����邻���ł��BPageSpeed�̃u���E�U�g���𗘗p����ƁA�ȉ��̂悤�Ȏw�E���\������܂����B�܂��S�̓I�ɓ]���ʂ�������Ԃł����B
�@�͂��߂�CSS��JavaScript�̍œK�����s���܂����B excssive.com��CSS�̃t�@�C�����h���b�O�A���h�h���b�v����ƁA����CSS����s�v�ȃX�y�[�X����s����菜���A�y�ʉ����Ă���܂��BCSS�����̃t�@�C���ƒu�������邱�ƂŁA�ȒP�Ƀt�@�C���T�C�Y�����点�܂��B
�@JavaScript�͈ȉ��̂悤�ɁA�����̃t�@�C���ɕ�������Ă������߁AClosure Compiler Service�𗘗p���āA�œK�����s���܂����B
�@�O���Ƀ����N���Ă���JavaScript���A�ȉ��̂悤�ɋL�q���邱�ƂŁA�ȒP�ɍœK���ł��邻���ł��B
// ==ClosureCompiler== // @compilation_level SIMPLE_OPTIMIZATIONS // @output_file_name default.js // @code_url http://cssnite.jp/js/yuga.js // @code_url http://cssnite.jp/js/wink.js // @code_url http://cssnite.jp/js/jquery.page-scroller-306.js // @code_url http://cssnite.jp/js/ui.core.js // @code_url http://cssnite.jp/js/jquery.dimensions.js // @code_url http://cssnite.jp/js/twttrFloatTip.js // @code_url http://cssnite.jp/js/data-href.js // ==/ClosureCompiler==
�@Closure Compiler�𗘗p���邱�ƂŁA7��JavaScript��1�̃t�@�C���ɂ܂Ƃ܂�A�t�@�C���T�C�Y��34KB����18KB���x�Ɍ���܂����B
�@���ɉ摜�t�@�C���̍œK�����s���܂����BImageOptim���N�����A�t�H���_���ƃh���b�O�A���h�h���b�v����ƁA�摜�t�@�C�����œK������邻���ł��i�����L�摜�͋L���̂��߂ɗp�ӂ������̂ŁA�Z�b�V�����ŗ��p���ꂽ���̂ł͂���܂���j�B
�@�R���e���c��gzip���k���A�u���E�U�̃L���b�V���𗘗p���邽�߁AApache�̐ݒ�ύX���s���܂����B�ȉ���mod_deflate��mod_expires�̐ݒ肪.htaccess�ɒNjL����܂����B
<IfModule mod_deflate.c> SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4�_.0[678] no-gzip BrowserMatch �_bMSI[E] !no-gzip !gzip-only-text/html SetEnvIfNoCase Request_URI �_.(?:gif|jpe?g|png)$ no-gzip dont-vary Header append Vary User-Agent env=!dont-vary </IfModule>
<ifModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 seconds" ExpiresByType image/x-icon "access plus 1 years" ExpiresByType image/vnd.microsoft.icon "access plus 1 years" ExpiresByType image/jpeg "access plus 10 years" ExpiresByType image/png "access plus 10 years" ExpiresByType image/gif "access plus 10 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType application/x-javascript "access plus 1 years" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" </ifModule>
�@�Ō��CDN�iAmazon CloudFront�j�𗘗p���邽�߂̐ݒ肪�s���܂����B�摜�̃I���W�i���t�@�C����Amazon S3�Ƃ����X�g���[�W�T�[�r�X�Ɋi�[���Ă��������ł��B���̏��Amazon CloudFront�̓o�^��ADNS�̐ݒ�Ȃǂ��s���A�摜��URL��CDN�o�R�ɂ��܂��B
�@���̂悤�ȑ�����{���邱�ƂŁA�v�����ʂ͈ȉ��̂悤�ɉ��P����܂����B
�@WebPage Test�̌��ʂ͂��̂悤�ɕς��܂����B
�@Pingdom Tools�̌��ʂ͂��̂悤�ɕς��܂����B
�@Pingdom Tools�̌��ʂ���A�\�����x�iLoad Time�j��1/3�ȉ��ɂȂ��Ă��܂��B���C�u�f���̎��Ԃ͒Z���������߁A���ׂĂ̑�����{���Ă���킯�ł͂���܂���ł������A��p�Ό��ʂ̍���������{���邱�ƂŁA�T�C�g�̕\��������������Ă��܂����B
�@�Z�b�V�����͑S�̗̂���Ȃǂ��\���ɍl������Ă���A�p�t�H�[�}���X�v���A�摜�œK���A���o�C��Web�œK���A�������̍l�����A���C�u�f�������Ԃɐ������Ă����������Ƃŗ��������₷�������ł��B�œK�����s���Ă������߂ɂ͕��L���m�����K�v�ƂȂ邽�߁A�����̒S�����Ă���d�������������ĕ����Ă����K�v������܂��B
�@����̃C�x���g�́A��������œK���̊�{�I�ȍl��������ۂ̃e�N�j�b�N��m�邱�Ƃ̂ł���悢�@��ł����B
�B�e�F�ѓc���V
�Ђ炢��������
HTML5�Ƃ�����X�^�b�t
�d���ł�SIer��Java�̊J����g���u���V���[�e�B���O���s���Ă��܂��B
�ŋ߂ł̓u���E�U��HTML5�ɋ����������Ă��܂��B
twitter : http://twitter.com/sada_h
blog : techlog
Copyright © ITmedia, Inc. All Rights Reserved.