A-A+

网站建设:wordpress 前端优化技巧

2014年04月05日 PHP开源系统 评论 3 条 阅读 173 views 次

前端的性能优化是一个很深的东西,有很多技巧和方法,但是你可能只是一个站长而并不是专业的前端工程师,所以这里我只总结几个基础却又很有效的前端性能优化技巧:

1、压缩图片:图片的下载在网页打开的过程中,占用很多时间,而如果对这些图片进行压缩或者其他技巧(例如 lazy load)就可以减少这方面的时间。实践证明,对 jpg 图片进行 80% 的压缩,既保证了肉眼看不出质量问题又可以减少一些尺寸,对 png 格式的图片,可以使用 TinyPNG 来压缩。

2、合并文件:这里的文件主要是指 CSS、JavaScript 文件,页面中每多一个 CSS、JavaScript 文件,浏览器就会多一个 HTTP 请求,就会多一个等待时间。理想状态下,最多只有一个 CSS、JavaScript 文件,并且进行压缩使其文件尽可能小,这方面建议使用 WP Minify 插件。如果有能力的,还可以合并图标,把一些小图片合并起来,做成 CSS Sprite。

3、使用 CDN:假如你的服务器在北京,北京本地访问起来就会超快,但是广东地区的访问者可能会由于距离和线路问题感觉很慢。成熟的 CDN 服务商在全国各地都会有服务器,如果你把静态文件放在上面,广东地区访问你的网站,会从广东附近的服务器上下载文件,而且 CDN 的服务器和宽带为下载做了优化,速度一般会超过你的服务器,这样就可以大大的提速了,目前一般建议使用七牛云存储来加速静态文件,这里有 WordPress 插件:七牛镜像存储 WordPress 插件。

标签:

3 条留言  访客:3 条  博主:0 条

  1. APP雄起

    学习了。感觉传图后又3站缩略图,感觉好吃内存

  2. 凌吉林

    现在的站长都得要是全才才行,不然有点寸步难行的节奏

  3. PC丶爱好者

    用WPJAM大大的七牛插件可以提升N倍速~

给我留言