首页 首页 >  文章资讯

Web程序优化的最佳实践:Cookie、图片及移动应用篇

发布者:feixue2017    发布时间:2018-07-03 09:33:56    浏览次数:59次

1、减小Cookie体积


HTTP coockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通 过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以 减少用户的响应时间十分重要。


有关更多信息可以查看Tenni Theurer和Patty Chi的文章"When the Cookie Crumbles"。


这们研究中主要包括:


? 去除不必要的 coockie


? 使 coockie 体积尽量小以减少对用户响应的影响


? 注意在适应级别的域名上设置 coockie 以便使子域名不受影响


? 设置合理的过期时间。较早地 Expire 时间和不要过早去清除 coockie,都会改 善用户的响应时间。


2、对于页面内容使用无coockie域名


当浏览器在请求中同时请求一张静态的图片和发送coockie时,服务器对于这些coockie 不会做任何地使用。因此他们只是因为某些负面因素而创建的网络传输。所有你应该确 定对于静态内容的请求是无coockie的请求。创建一个子域名并用他来存放所有静态内 容。


如果你的域名是www.example.org,你可以在static.example.org上存在静态内容。但 是,如果你不是在www.example.org上而是在顶级域名example.org设置了coockie,那 么所有对于static.example.org的请求都包含coockie。在这种情况下,你可以再重新 购买一个新的域名来存在静态内容,并且要保持这个域名是无coockie的。Yahoo!使用 的是ymig.com,YouTube使用的是ytimg.com,Amazon使用的是images-anazon.com等等。


使用无coockie域名存在静态内容的另外一个好处就是一些代理(服务器)可能会拒绝 对coockie的内容请求进行缓存。一个相关的建议就是,如果你想确定应该使用example.org还是www.example.org作为你的一主页,你要考虑到coockie带来的影响。 忽略掉www会使你除了把coockie设置到*.example.org(*是泛域名解析,代表了所有子 域名译者dudo注)外没有其它选择,因此出于性能方面的考虑最好是使用带有www的子 域名并且在它上面设置coockie。


3、优化图像


设计人员完成对页面的设计之后,不要急于将它们上传到 web 服务器,这里还需要做几 件事:


? 你可以检查一下你的GIF图片中图像颜色的数量是否和调色板规格一致。 使 用imagemagick中下面的命令行很容易检查:


identify -verbose image.gif


如果你发现图片中只用到了 4 种颜色,而在调色板的中显示的 256 色的颜色槽, 那么这张图片就还有压缩的空间。


? 尝试把 GIF 格式转换成 PNG 格式,看看是否节省空间。大多数情况下是可以压 缩的。由于浏览器支持有限,设计者们往往不太乐意使用 PNG 格式的图片,不 过这都是过去的事情了。现在只有一个问题就是在真彩 PNG 格式中的 alpha 通 道半透明问题,不过同样的,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 信息):


天津博大医院

【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至 335760480@qq.com ,我们将及时沟通删除处理。 以上内容均为网友发布,转载仅代表网友个人观点,不代表平台观点,涉及言论、版权与本站无关。