Yahoo！团队经验：网站性能优化的34条黄金法则
|
当浏览器在请求中同时请求一张静态的图片和发送coockie时，服务器对于这些coockie不会做任何地使用。因此他们只是因为某些负面因素而创建的网络传输，所以你应该确定对于静态内容的请求是无coockie的请求。创建一个子域名并用他来存放所有静态内容。如果你的域名是，你可以在上存在静态内容。但是，如果你不是在 上而是在顶级域名设置了coockie，那么所有对于的请求都包含coockie。在这种情 况下，你可以再重新购买一个新的域名来存在静态内容，并且要保持这个域名是无coockie的。 使用无coockie域名存在静态内容的另外一个好处就是一些代理（服务器）可能会拒绝对coockie的内容请求进行缓存。一个相关的建议就是，如果你想确定应该使用还是 作为你的一主页，你要考虑到coockie带来的影响。忽略掉www会使你除了把coockie设置到.example.org（是泛域名解析，代表 了所有子域名译者dudo注）外没有其它选择，因此出于性能方面的考虑最好是使用带有www的子域名并且在它上面设置coockie。 作者：滚石_c2a6链接：https://www.jianshu.com/p/04d94f47ea96來源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 作者：滚石_c2a6链接：https://www.jianshu.com/p/04d94f47ea96來源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。29、优化图像设计人员完成对页面的设计之后，不要急于将它们上传到web服务器，这里还需要做几件事： 你可以检查一下你的GIF图片中图像颜色的数量是否和调色板规格一致。 使用imagemagick中下面的命令行很容易检查：identify -verbose image.gif如果你发现图片中只用到了4种颜色，而在调色板的中显示的256色的颜色槽，那么这张图片就还有压缩的空间。 尝 试把GIF格式转换成PNG格式，看看是否节省空间。大多数情况下是可以压缩的。由于浏览器支持有限，设计者们往往不太乐意使用PNG格式的图片，不过这 都是过去的事情了。现在只有一个问题就是在真彩PNG格式中的通道半透明问题，不过同样的，GIF也不是真彩格式也不支持半透明。因此GIF能 做到的，PNG（PNG8）同样也能做到（除了动画）。下面这条简单的命令可以安全地把GIF格式转换为PNG格式：convert image.gif image.png“我们要说的是：给PNG一个施展身手的机会吧！” 在所有的PNG图片上运行pngcrush（或者其它PNG优化工具）。例如：pngcrush image.png -rem alla -reduce -brute result.png 在所有的 JPEG图片上运行jpegtran。这个工具可以对图片中的出现的锯齿等做无损操作，同时它还可以用于优化和清除图片中的注释以及其它无用信息（如 EXIF信息）：jpegtran -copy none -optimize -perfect src.jpg dest.jpg30、优化CSS Sprite在Sprite中水平排列图片，垂直排列会悄悄的增加文件大小; Sprite中把颜色较近的组合在一起可以降低颜色数，理想状况是低于256以便适用PNG8格式; 便于移动，不要在Sprite的图像中间留有较大空隙，这虽然不会增加文件大小，但对于用户代理来说它需要更少的内存来把图片解压为像素地图。100×100的图片为1万像素，而1000×1000就是100万像素。 31、不要在HTML中缩放图像不要为了在HTML中设置长宽而使用比实际需要大的图片。如果你需要： 32、favicon.ico要小而且可缓存favicon.ico是位于服务器根目录下的一个图片文件。它是必定存在的，因为即使你不关心它是否有用，浏览器也会对它发出请求，因此最好不要返回一 个404 Not Found的响应。由于是在同一台服务器上，它每被请求一次coockie就会被发送一次。这个图片文件还会影响下载顺序，例如在IE中当你在 onload中请求额外的文件时，favicon会在这些额外内容被加载前下载。因此，为了减少favicon.ico带来的弊端，要做到： 文件尽量地小，最好小于1K 在适当的时候（也就是你不要打算再换 favicon.ico的时候，因为更换新文件时不能对它进行重命名）为它设置Expires文件头。你可以很安全地把Expires文件头设置为未来的几个月。你可以通过核对当前favicon.ico的上次编辑时间来作出判断。 Imagemagick可以帮你创建小巧的 favicon 33、保持单个内容小于25k这条限制主要是因为iPhone不能缓存大于25k的文件。注意这里指的是压缩后的大小。由于单纯gizp压缩可能达不要求，因此精简文件就显得十分重要。 34、打包组件成复合文本把页面内容打包成复合文本就如同带有多附件的Email，它能够使你在一个HTTP请求中取得多个组件（切记：HTTP请求是很奢侈的）。当你使用这条规则时，首先要确定用户代理是否支持（iPhone就不支持）。 转自：https://www.jianshu.com/p/04d94f47ea96?utm_campaign=maleskine&utm_content=note&utm_medium=SEO_notes&utm_source=recommendation （编辑：衡阳站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
那么你的图片（http://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/myImg.jpg）就应该是100×100像素而不是把一个500×500像素的图片缩小使用。