加速blog:处理页面图片

作为文章的或者功能性的或者美学意义上的需求,现在blog越来越丰富多彩,图片也越来越多。

选择合适的图片尺寸

现在数码相机越来越好,动辄800万像素,出来的照片也常在1M以上。但其实电脑上特别是浏览器上根本就没那么大的空间来显示图片(除非放大显示),作为网页上的图片,800*600的图片足够用了。WordPress上传照片的时候会自动使用微缩图,我觉得这种设置比较好。

不要GZIP图片,但设置Cache

图片已经是压缩保存了的,GZIP压缩徒耗服务器的CPU而已。因为图片的变动比较小,所以最好为它们设置强有力的Cache指令。

指定图片大小

如果是通过<img src='pic.jpg'/>的方式插入图片,最好明确指定图片大小,如<img src='pic.jpg' height='300' width='300'/>,可减少页面跳动。推荐使用windows live writer写blog,自动指定图片大小,调节也很方便。

图片背景化

如果图片在每个页面上的位置比较固定,最好用CSS作为背景载入,这样做的好处是背景图片的载入是后台进行的,不会造成页面晃动。

Image Map

使用CSS Sprites

介绍和实现方法见用CSS Sprites让网站再加速

使用URL scheme

这种方法只对firefox有效,在IE下无效。data: URL scheme可以让你把图片信息直接嵌入在CSS语句中,理论上而言这是小CSS图片的最好解决方案。

  • 用CSS Sprites让网站再加速 我对于blog的速度有着变态的需求. 网站速度与HTML请求数目有很直接的关系,所以我一直没有在网页上放过多的背景图片——注意这里有个网页加速的...
  • 加速blog:设置浏览器缓存 在用户浏览blog的不同页面时,很多内容是重复的,比如相同的javascript,css,背景图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件,将...
  • innerHTML只读问题 & 两个动态修改Table的js函数 最近做社会实践项目遇到的一个问题,需要动态修改一个表格。本来以为要想修改一行,直接设置新的 tr.innerHTML即可。后来发现在Firefox下可行,但在IE...
  • 加速blog:分析页面内容 用FTP更新WordPress的可能有体会,如果是打包上传的话,速度很快,但如果解压后一个文件一个文件上传的话,可能就要好几分钟。 下载也是如此,不...
  • 加速blog:关于javascript(css) 这里先谈一下关于javascript和CSS的问题。 压缩你的javascript和css 这里的压缩和前面的GZIP压缩不同,而是压缩空格,去除注释等,调整顺序等。如果你的...
  • 加速blog:选择合适的服务器 要想打造一个响应快速的blog,一个快速的服务器(虚拟主机空间)是必不可少的。其实这才是决定因素,因为这可能会导致速度在数量级上的差距(我...
  • 加速blog:优化WordPress程序效率 这里本质上要谈的还是优化数据库的效率,不过是改写WordPress的代码使得降低数据库查询次数。 get_permalink函数 get_permalink函数非常好用,get_permalink($i...
  • 加速blog:网站响应缓慢的因素 本文隶属加速blog系列  为什么有的网站即点即开,有些却慢得要死?影响网站速度的因素有但不限于下面这些:许多因素会影响到网页初次访问的响...
  • 加速blog:WordPress的缓存和静态化 WordPress消耗时间最多的便是数据库的查询,所以缓存是一个比较好的解决方案。WordPress强大的'hook'机制,使得可以为之建立强大的缓存机制,从缓存数...
  • 剪贴板实现跨域iframe高度自适应 这两天玩xiaonei用到的一个技术,虽说是跨域iframe,但要求对外部网页和内部网页都有编辑权限,所以只能用在一些特殊场合。 如果是域内的iframe,高...
(Required)
(Required, not published)

  B | I | U | D | 添加链接 | 插入引用 | 插入代码 | 插入表情 | | + | ?
guest | 注册 | BBS | 管理 | English | 繁體 | https

阅微堂

zhiqiang's personal blog
Loading...
Loading...
Loading...