共计 1088 个字符,预计需要花费 3 分钟才能阅读完成。
一,网站打开速度的重要性
1,网站有投放 Google adwords 或 Facebook 广告等,广告转化率糟糕,那么网站打开速度是最直接最基础的影响因素之一。
2,做 SEO 方面,在网页可被搜索引擎爬虫抓取的前提下,网站速度也是最直接最基础影响网站 seo 排名的因素之一;
对于 Google SEO:一个是:首字节时间(TTFB),一个是:网页打开时间。
二,wordpress 网站打开速度慢的一部分原因
1. 所购买服务器不在营销目标国家,服务器配置低
2. 使用的模板过于繁重
3. 过度使用 wordpress 插件
4. 同个页面大量图片,所有图片同步加载,上传不压缩等
5. 建站时追求大量页面动画特效
三,如何测试网站打开速度
工具 1:WebPageTest
工具 2:gtmetrix.com
工具 3:tool.pingdom.com
工具 4:PageSpeed Insights
四,网站打开速度优化
A. 当你是程序员时的解决方案:
资源加载:1. 将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。
2. 引用通用资源,充分利用浏览器缓存。
3. 使用 CDN 加速,将用户的请求定向到最合适的缓存服务器上。
4. 非首屏图片懒加载,将网络带宽留给首屏请求。
页面渲染:1. 将 CSS 样式写在头部样式表中,减少由 CSS 文件网络请求造成的渲染阻塞。
2. 将 JavaScript 放到文档末尾,或使用 async 方式加载,避免 JS 执行阻塞渲染。
3. 对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。
网站架构:1. Database 读写分离解决数据库的读性能瓶颈,提高性能
2. WebSever 负载均衡将一个请求的入口映射到多个处理请求的节点,从而实现分而治之
3. 数据缓存 通过 redis/memecache 缓存的使用,减少了数据库读的压力,从而提高性能
B. 当你是 WP 建站人员的解决方案:
1. 购买可升级类型的服务器,提高网站的可持续大流量访问行为
2. 使用单一功能性 wordpress 主题模板
3. 尽量使用代码解决 wordpress 独立站功能需求(先行百度谷歌,无需自己敲代码)
4. 提前安装 smush 插件,在线使用 http://tinypng.com 压缩图片在上传到网站
5. 网站尽量多些文本内容,小些特效,图片等
6. 使用 w3 total cache,WP Fastest Cache,autoptimize 插件充分利用缓存,压缩 js,css 等
7. 购买 cloudflare 网站等 cdn 技术,优化网站打开速度