1优化
这个绝对是显而易见的，可以看到占据的页面内容分量最重。在现代网页设计中，绝对占据了大部分的内容。你需要针对你的页面重新定义大小。这能够有效地帮助你减少页面大小。而且，这里有很多的功能能够帮助你针对减肥，例如，Smushit和TinyPNG
在photoshop中保存web所用格式时候适当的进行压缩。或者采用延迟加载技术
2压缩CSS和Javascript代码
有效地压缩CSS和javascript代码能够有效地减少页面大小，你可以删除空格优化代码。当然，压缩代码对于代码阅读不是非常有用，但是一般作为产品环境来说，我们通过这种方式可以有效地减少页面加载时间。css&js压缩工具
3避免使用@import
@import CSS语法允许你加载其它的CSS文件。有时间非常有帮助，但是它并不是和主文件一起下载的，所以可能会增加页面加载时间。建议使用link标签，这样会更加高效。
4减少>
使用smushit进行无损压缩
-----------------------------------------------------------------
你知道“网络餐厅”是什么吗？搜索一下就知道了
WordPress的插件们是非常有用的， 我推荐一款缓存插件可以改善页面载入时间，它就是W3 Total Cache，有了这个插件之后咱就不再推荐你其他缓存插件了，因为所有缓存插件有的功能它都有了，而且安装和使用非常方便。
拥有这款插件之后，你的页面载入速度会加快，因为网站的主要元素已经被缓存了。
2 使用内容分发网络 (CDN)
基本上所有你喜欢的大网站都会使用CDN。简单来说，CDN是把你站点上的文件们（CSS\JS\等）发布到最接近用户所在的网络区域，让用户就近下载，这样就能提高站点运行速度。在国内ChinaCache是比较有名的CDN供应商，不过价格贵了一些，像各大门户网站，比如腾讯、新浪、网易等等都是用ChinaCache。所以不管你在哪里，访问这些门户网站都会觉得速度很快。当然啦，对于小站来说，这个成本可能会高一些，
所以，你无论是在南方，或者北方，还是在北美，访问这些门户网站，感觉速度都很快，最主要的原因之一就是CDN发挥了效果。一般小网站是用不起这服务的，所以慢点就慢点了吧，可以租用互联互通的6线机房（6线机房是指包括网通、电信、铁通、移动、联通、教育网等多线接入的骨干网IDC机房，彻底消除各地网络瓶颈，保证互联网访问畅通无阻的高速机房。）
顺便提一下，还有一个Wordpress插件叫Free-CDN，号称也能达到类似的效果，虽然我还没有做过测试…
3、优化很重要
Yahoo! 有一个优化软件叫Smushit可以最大程度无损压缩，不过，除非你超级有耐心，否则一张张压缩的话太浪费时间了，好在，还有一个很给力的WP插件叫WP-SmushIt，这货可以为你网站上所有的做一次性压缩，所以没有理由不去用它。
4、优化你的WP数据库
你可以用WP-Optimize这个插件来优化你的WP数据库（清理spam，反复改版的文章，草稿，表格等等为你的服务器腾出更多空间从而提升效率）；还有一些插件如WP-Cleaner，DB-Manger等。
5、开启防盗链机制
盗链是带宽的窃贼，当其他网站直接引用你站点的的时候，这会影响占用你本身的服务器资源从而影响网站运行效率，你的站点越出名，就会有越多的人盗用你的，解决方法是Wordpress有现成的插件Hotlink Protection。当然也可以通过重写htaccess文件来达到同样的效果，欲深入了解的童鞋可以询问自己的空间商如何设置。
6、为文件添加过期时间
关于这个文件过期时间，听起来很玄乎，其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件（例如样式表中调用的背景和一些装饰性）其实在很长一段时间内这些都不会有很大的变化，所以对这类文件我们不妨设置长一些的缓存时间，这样浏览器就不需要每次从服务器下载这些文件而直接从缓存中读取，这样绝对可以提升加载速度。
7、为你的添加延时加载
延时加载就是当用户停留在第一屏的时候，不加载任何第一屏以下的信息，只有当用户把鼠标往下滚动的时候，这些才开始加载。这玩意儿不仅可以提升站点载入速度，更是可以节省带宽。要轻松的拥有这项功能，请安装WP的jQuery Image Lazy Load 插件吧。
8、控制文章草稿存数数
通常一篇博文我会保存10次以上的草稿，而Wordpress会无限制的存储每个草稿；如果我的博文已经发布了，为啥我还需要这些储存的草稿文章呢？所以这就是为啥我会用 Revision Control 插件来确保这些草稿内容的最小化。通常我会设置只存储2-3篇草稿来防止万一，但存储的数量绝对不会太高，否则你的WordPress backend只会被这些无意义的内容塞满从而降低运行效率。
1、使用高效的缓存插件
WordPress的插件们是非常有用的， 我推荐一款缓存插件可以改善页面载入时间，它就是W3 Total Cache，有了这个插件之后咱就不再推荐你其他缓存插件了，因为所有缓存插件有的功能它都有了，而且安装和使用非常方便。
拥有这款插件之后，你的页面载入速度会加快，因为网站的主要元素已经被缓存了。
2 使用内容分发网络 (CDN)
基本上所有你喜欢的大网站都会使用CDN。简单来说，CDN是把你站点上的文件们（CSS\JS\等）发布到最接近用户所在的网络区域，让用户就近下载，这样就能提高站点运行速度。在国内ChinaCache是比较有名的CDN供应商，不过价格贵了一些，像各大门户网站，比如腾讯、新浪、网易等等都是用ChinaCache。所以不管你在哪里，访问这些门户网站都会觉得速度很快。当然啦，对于小站来说，这个成本可能会高一些，
所以，你无论是在南方，或者北方，还是在北美，访问这些门户网站，感觉速度都很快，最主要的原因之一就是CDN发挥了效果。一般小网站是用不起这服务的，所以慢点就慢点了吧，可以租用互联互通的6线机房（6线机房是指包括网通、电信、铁通、移动、联通、教育网等多线接入的骨干网IDC机房，彻底消除各地网络瓶颈，保证互联网访问畅通无阻的高速机房。）
顺便提一下，还有一个Wordpress插件叫Free-CDN，号称也能达到类似的效果，虽然我还没有做过测试…
3、优化很重要
Yahoo! 有一个优化软件叫Smushit可以最大程度无损压缩，不过，除非你超级有耐心，否则一张张压缩的话太浪费时间了，好在，还有一个很给力的WP插件叫WP-SmushIt，这货可以为你网站上所有的做一次性压缩，所以没有理由不去用它。
4、优化你的WP数据库
你可以用WP-Optimize这个插件来优化你的WP数据库（清理spam，反复改版的文章，草稿，表格等等为你的服务器腾出更多空间从而提升效率）；还有一些插件如WP-Cleaner，DB-Manger等。
5、开启防盗链机制
盗链是带宽的窃贼，当其他网站直接引用你站点的的时候，这会影响占用你本身的服务器资源从而影响网站运行效率，你的站点越出名，就会有越多的人盗用你的，解决方法是Wordpress有现成的插件Hotlink Protection。当然也可以通过重写htaccess文件来达到同样的效果，欲深入了解的童鞋可以询问自己的空间商如何设置。
6、为文件添加过期时间
关于这个文件过期时间，听起来很玄乎，其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件（例如样式表中调用的背景和一些装饰性）其实在很长一段时间内这些都不会有很大的变化，所以对这类文件我们不妨设置长一些的缓存时间，这样浏览器就不需要每次从服务器下载这些文件而直接从缓存中读取，这样绝对可以提升加载速度。
当然，所以做法很简单，只需要在网站的htaccess文件中加入以下代码，
<IfModule mod_expiresc>
ExpiresActive On
ExpiresDefault A600
ExpiresByType image/x-icon A2592000
ExpiresByType application/x-javascript A604800
ExpiresByType text/css A604800
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/plain A86400
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType video/x-flv A2592000
ExpiresByType application/pdf A2592000
ExpiresByType text/html A600
</IfModule>
稍微解释一下，text/css表示样式表文件，text/plain代表的纯文本类文件，依次类推。其中A2592000就表示这种类型文件在浏览器中的缓存时间，以秒为单位。一天86400秒，2592000就表示这类文件可以缓存30天。
如果你不是经常修改模板，那样式表文件和javasctipt文件基本上也可以设置缓存一周到一个月左右。text/html文件不要设置太长的缓存时间，因为这些东西修改的频率很高，一天更新一次是有必要的。
7、为你的添加延时加载
延时加载就是当用户停留在第一屏的时候，不加载任何第一屏以下的信息，只有当用户把鼠标往下滚动的时候，这些才开始加载。这玩意儿不仅可以提升站点载入速度，更是可以节省带宽。要轻松的拥有这项功能，请安装WP的jQuery Image Lazy Load 插件吧。
8、控制文章草稿存数数
通常一篇博文我会保存10次以上的草稿，而Wordpress会无限制的存储每个草稿；如果我的博文已经发布了，为啥我还需要这些储存的草稿文章呢？所以这就是为啥我会用 Revision Control 插件来确保这些草稿内容的最小化。通常我会设置只存储2-3篇草稿来防止万一，但存储的数量绝对不会太高，否则你的WordPress backend只会被这些无意义的内容塞满从而降低运行效率。
以上就是关于如何优化前端页面体验和访问速度全部的内容，包括:如何优化前端页面体验和访问速度、如何优化图像让手机网站加速、怎样使替换的文件和源文件一样大等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）