Litespeed Cache设置网站优化之网页优化(Page Optimization)

Page 即网页优化是 cache中非常重要的一个部分，完成网页优化之后，页面加载速度可以有非常大的改进，我可以肯定的告诉你在的 里面会非常好看。

Cache的网页优化功能主要是对网页的文件进行压缩，包括CSS、JS和HTML，里面需要设置的东西有点多，可以跟着一项一项的来设置，也不会很难。如果E文不太懂的话，你可以在后台切换成汉语，然后根据插件的建议先设置。

快速浏览

CSS设置

CSS是一种网页语言，叫做层叠样式表，你只要知道它管理网站的页面的整个布局就行了，相当于给网站化妆美化等工作，比如一个按钮你想使它变大缩小，改变颜色，添加阴影都是开这种完成。CSS文件是可以被压缩来改善加载速度的。

合并外部和内部CSS (CSS and ) – 有内部就有外部代码，比如你安装了一些插件，还是同理，开启后有问题就关闭吧。异步加载CSS (Load CSS ) – 异步加载就相当于延迟加载，网站可以先加载内容，再加载CSS样式，这样就可以优化加载速度。字体显示优化Font – 将此选项设置为在缓存CSS之前将font-附加到所有@font-face规则，以指定下载时字体的显示方式。建议使用Swap。

JS设置

(简称“JS”) 是一种网络的高级脚本语言，作为开发Web页面的脚本编程语言而出名，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果，比如网站上点击提交什么内容等等交互都是靠这个语言来解决。

Cache中JS设置并不多，因为过多的设置可能导致网站无法运行。

HTML设置

HHTML的英文全称是 Hyper Text ，即超文本标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。静态网页的主要基础组成部分就是HTML了，这么说吧HTML是一个房子的框架，那么CSS就是装修，JS就是房子的功能以及里面人员进出所需要的所有互动工具。

HTML设置项还是挺多的，不要慌，一步一步来

DNS预读取，这里有些可用链接，如果你用到以下链接中的服务你可以直接复制使用，如果有其他方面的也可以添加进去，比如之类的。

https://fonts.googleapis.com
https://fonts.gstatic.com
https://ajax.googleapis.com
https://apis.google.com
https://google-analytics.com
https://www.google-analytics.com
https://ssl.google-analytics.com
https://www.google.com
https://tpc.googlesyndication.com
https://www.googletagservices.com
https://pagead2.googlesyndication.com
https://www.gstatic.com
https://adservice.google.com
https://googleads.g.doubleclick.net
https://www.googletagmanager.com

媒体设置和排除

对于此处的媒体设置主要是指，图片或者其他媒体文件的延迟加载设置，我另外有文章单独介绍： cache给网站优化加速之图片延迟加载(Lazy Load)，这里就不详细说明了。

本地化和调整( & )

本地化是将外部资源本地化，比如当你添加 代码的时候就有外部文件产生，有时候通过讲这些外部文件复制到本地，然后再通过CDN等一些缓存，可以加快网站的加载速度。

本地化资源 – 这里将本地化大部分外部资源，如果你的主机不是很大并且你又没使用CDN，这一项建议关闭。

Cache网页优化的最后一项叫，翻译是叫调整，我也不知道正不正确，这里面的东西不懂的话就不需要去改变，以免造成网站的其他问题。

网页优化总结

因为有些东西我也在学习中，以上设置主要依据我自己网站效果，可能有些并非最优的设置，但对于网站我相信应该大部分都适合，如果你对某些知识更清楚你可以自己设置以便适合你的网页优化。

提醒一下：修改了最小化/合并设定后，请务必执行清除全部的操作，这样网站的前台才会显示修改后的效果。