记得以前有个培训班的老师过来宣传，他当时问了我们一个问题，“打开一个网页慢，你能说出10个原因么？”，我脑海里立刻就出现了网速慢、电脑卡等原因，但是发现自己能说出的不超过五个，自己还是学web的，GG。今天突然想到了这个问题，就总结下
-
带宽不足
，首先想到的就是自己网速的问题，但是一般网速在1M以上的，打开网页一般不会是很慢的。网站服务器的带宽不够的话，当大量用户访问的时候，网页的加载也是很慢的，这就是网络的出口端和入口端两个方面
-
硬件配置低
，本机的配置也会是一方面的，但是只要不是老赛扬单核+512M的配置，一般不会是电脑配置的问题。服务器端的配置也是同样的道理。
-
CPU或者是内存被占满
的时候，打开网页很是会很慢的，因为整个电脑都很慢
-
DNS解析慢
，域名的解析是需要专门的域名解析服务器来完成的，DNS解析包括往复解析的次数及每次解析所花费的时间，它们两者的积即是DNS解析所耗费的总时间，在http请求的过程中，域名解析和建立连接占的时间很多。
-
JS阻塞请求
，写的js代码出现问题，解析就会花费很长时间，这两个js请求之间会出现一个很大的空隙，就会导致这段时间的资源加载都被阻塞住，
-
接受数据时间过长
，http请求的大部分时间应该花在后面几个阶段，比如等待响应和接收数据。但是，如果接收数据的时间太长了，长到数百毫秒甚至以秒计算的时候，那也是有问题的。这种情况一般是因为下载的内容太重了，例如大图片、大脚本等。这类问题可以使用GZIP压缩、图片压缩或者JS/CSS的minify等手段来解决。
-
加载某个资源太慢
，如果某个请求比其他的请求多出很多的时间，那么一般情况就是某个资源的加载太慢，导致了整个网页变慢，原因有可能是1)资源在第三方站点上，他们很慢；2)这个资源太大了；3)这个资源使用的域名有问题
-
后端代码问题
，主要有代码冗余、数据库发生锁死、动态请求时间过长等，这就需要RD优化一切可以优化的东西了
-
前端页面请求的资源过多
，onload之前如果有几百行，速度自然会慢的，如果请求的资源不存在，那么速度将会更慢
-
网页本身中包含了追踪或者是分析用户的工具
，从而导致网页的加载时间变的慢，比如之前海盗湾中会给用户的电脑插入挖矿的js脚本
使用Web Worker
加载
图像
这有什么意义呢？浏览器不是已经在单独的线程中对图像进行解码了吗？
浏览器分别对图像进行解码，是的，但是不会分别
加载
图像。在下载图像时，它们阻塞了UI线程并阻止了其他任何东西的呈现，直到图像下载完成为止。这种方法的好处是，如果要
加载
大量的10k图像，则可以在Web Worker处理下载图像的繁重工作时呈现其余的UI。将[removed]标记移到或标记为异步的
原因
也是相同的。这些脚本的下载将阻止您的UI呈现，因此您希望尽可能地延迟它们，或将其标记为异步下载。
那么，为什么不使用某些延迟
加载
技术呢？
好吧，这本质上是延迟
加载
。此延迟
加载
技术与传统的延迟
加载
技术之间的区别在于，它可以从UI线程中删除工作并并行
加载
图像，而传统上，您要等到UI
加载
完毕后，再在img标签上设置src属性，以便它们使用典型的浏览器
加载
方法。一次
加载
UI和图像与先
加载
UI，
阿里百秀XIU v7.5兼容WordPress5.4+ 全解密博客主题 完美无限制
XIU主题是一款清新扁平风格、13种颜色、多设备支持、SEO优化、各种提速优化的Wordpress主题.
清新·扁平:前端展示小清新，扁平化设计风格
SEO优化:你能想到的各种SEO优化，这里都做到了
速度优化:排除你的主机
慢
和安装超多插件，它的速度绝对给力
图片和头像提速:文章列表和头像都使用了lazyload做按需异步
加载
，你会发现访问速度上提升一大截
2种可选框架:支持3栏和2栏
13种可选颜色风格:基本上小清新的颜色都有了
3种列表模式:多图展示、单图展示、无图展示
7种连接符:设置你自己的很重要
文章来源:后台编辑文章有来源，前台有来源展示，尊重原创很重要
新窗口打开文章:有这个开关，说多了都是2
分享:让百度分享和网站更和谐
置顶焦点图:绝美展示，可自行设置置顶文章，且第一章大图可自定义
近期热门排行榜:最近多少天的评论热门文章排行，可设置天数和显示数量
独立页面：点赞最多的文章排行
导航多级菜单:不管你听不听，我是建议你最多二级就行
社交账号展示:微博、腾讯微博、微信(支持微信二维码展示)、订阅
导航图标自定义:优化后的搜索
jQuery
加载
:可设置在头部或者底部
加载
，底部有助于提高页面内容显示速度
文章小部件开启:可选择开启：阅读量、点赞、列表评论数、列表作者名字前加网站名称
首页近期发布文章数目:告诉用户最近你发布了多少文章
网站整体变灰:这个不解释，不好的日子或许会用到
分类url去除category字样:整合了no-category插件，只需选择就行，无需再安装
网页
最大宽度:你可以调整页面显示的宽度了，不过默认是很不错的
首页关键字和描述:设置你自己的很重要，更有利于SEO
网站底部信息:你可以增加网站底部显示信息，比如：网站地图
侧栏随动:每种页面可设置不同的侧栏随动模块，首页、分类/标签/搜索页、文章页、页面可以不一样
更简洁的评论:想说：评论本该如此
默认字符修改:基本上全站所有的文章你都可以自定义了
广告位:首页3个、文章页3个，可设置各种广告自定义代码或联盟代码
自定义CSS样式:添加自己的css样式
自定义头部和底部代码:添加自己的头尾代码，如广告联盟等
网站统计代码:说多了等于扯淡
功能介绍：
新增自定义分享代码和分享是否启用的选项
新增移动端图片Logo
新增热门排行按点赞数排序
新增首页最新发布中不显示置顶文章的选项
新增底部友情链接，可选是否只显示在首页
新增分类页面关键词留空则默认调用分类名，不为空则调用分类名
Gravatar选择：可以是官方ssl，可以是默认，可以是多说
聚合文章小工具：侧栏聚合文章小工具新增显示纯图片模式;
列表模式：列表模式新增4图模式
特别推荐小工具：新增特别推荐小工具，多种样式;
新增头部搜索：导航在顶部时
新增广告位：分类页、标签页、搜索页新增头部自定义广告位
分享按钮全扁平化：分享按钮全扁平化，增加10+按钮，帅的一塌糊涂
移动端搜索：导航在顶部时，移动端增加搜索功能
文章关键字和描述的自定义：在编辑文章的时候你会发现
直达链接：在列表页和文章页都有展示，你可以选择开启、是否新窗口打开、是否需要加nofollow，甚至修改”直达链接“这几个字为你想要的;
列表无限
加载
：可以设置无限
加载
页数和是否开启
轮换图展示：你可以设置几个图的轮换，或者不开启
手机端和非手机端广告：现在，每一个广告位你都可以设置两套，一套是手机端，一套是非手机端
分页总数统计：在分页最右侧
搜索结果高亮展示：
文章段落是否缩进的开关：
后台编辑器的几个重要按钮：有字体大小和分页插入等功能
来源网站的字样修改：
图片和头像提速：文章列表和头像都使用了lazyload做按需异步
加载
，你会发现访问速度上提升一大截
3种可选框架：支持3栏和2栏
14种可选颜色风格：基本上小清新的颜色都有了
3种列表模式：多图展示、单图展示、无图展示
连接符：设置你自己的很重要
2种分页模式：你要的全都在这了
分类文章不显示在首页：你可以设置一个或多个分类下的文章不显示在首页
文章分页：文章有多长，分页就有多大用处
阻止百度转码：用自己的风格很重要，禁止了百度转码
点赞：说多了等于扯淡
文章来源：后台编辑文章有来源，前台有来源展示，尊重原创很重要
新窗口打开文章：有这个开关，说多了都是2
分享：让百度分享和网站更和谐
SEO优化:你能想到的各种SEO优化，这里都做到了
速度优化:排除你的主机
慢
和安装超多插件，它的速度绝对给力
图片和头像提速:文章列表和头像都使用了lazyload做按需异步
加载
，你会发现访问速度上提升一大截
2种可选框架:支持3栏和2栏
13种可选颜色风格:基本上小清新的颜色都有了
3种列表模式:多图展示、单图展示、无图展示
7种连接符:设置你自己的很重要
文章来源:后台编辑文章有来源，前台有来源展示，尊重原创很重要
新窗口打开文章:有这个开关，说多了都是2
分享:让百度分享和网站更和谐
置顶焦点图:绝美展示，可自行设置置顶文章，且第一章大图可自定义
近期热门排行榜:最近多少天的评论热门文章排行，可设置天数和显示数量
独立页面：点赞最多的文章排行
导航多级菜单:不管你听不听，我是建议你最多二级就行
社交账号展示:微博、腾讯微博、微信（支持微信二维码展示）、订阅
导航图标自定义:优化后的搜索
jQuery
加载
:可设置在头部或者底部
加载
，底部有助于提高页面内容显示速度
文章小部件开启:可选择开启：阅读量、点赞、列表评论数、列表作者名字前加网站名称
首页近期发布文章数目:告诉用户最近你发布了多少文章
网站整体变灰:这个不解释，不好的日子或许会用到
分类url去除category字样:整合了no-category插件，只需选择就行，无需再安装
网页
最大宽度:你可以调整页面显示的宽度了，不过默认是很不错的
首页关键字和描述:设置你自己的很重要，更有利于SEO
网站底部信息:你可以增加网站底部显示信息，比如：网站地图
侧栏随动:每种页面可设置不同的侧栏随动模块，首页、分类/标签/搜索页、文章页、页面可以不一样
更简洁的评论:想说：评论本该如此
默认字符修改:基本上全站所有的文章你都可以自定义了
广告位:首页3个、文章页3个，可设置各种广告自定义代码或联盟代码
自定义CSS样式:添加自己的css样式
自定义头部和底部代码:添加自己的头尾代码，如广告联盟等
网站统计代码:说多了等于扯淡
功能介绍：
新增自定义分享代码和分享是否启用的选项
新增移动端图片Logo
新增热门排行按点赞数排序
新增首页最新发布中不显示置顶文章的选项
新增底部友情链接，可选是否只显示在首页
新增分类页面关键词留空则默认调用分类名，不为空则调用分类名
Gravatar选择：可以是官方ssl，可以是默认，可以是多说
聚合文章小工具：侧栏聚合文章小工具新增显示纯图片模式；
列表模式：列表模式新增4图模式
特别推荐小工具：新增特别推荐小工具，多种样式；
新增头部搜索：导航在顶部时
新增广告位：分类页、标签页、搜索页新增头部自定义广告位
分享按钮全扁平化：分享按钮全扁平化，增加10+按钮，帅的一塌糊涂
移动端搜索：导航在顶部时，移动端增加搜索功能
文章关键字和描述的自定义：在编辑文章的时候你会发现
直达链接：在列表页和文章页都有展示，你可以选择开启、是否新窗口打开、是否需要加nofollow，甚至修改”直达链接“这几个字为你想要的；
列表无限
加载
：可以设置无限
加载
页数和是否开启
轮换图展示：你可以设置几个图的轮换，或者不开启
手机端和非手机端广告：现在，每一个广告位你都可以设置两套，一套是手机端，一套是非手机端
分页总数统计：在分页最右侧
搜索结果高亮展示：
文章段落是否缩进的开关：
后台编辑器的几个重要按钮：有字体大小和分页插入等功能
来源网站的字样修改：
图片和头像提速：文章列表和头像都使用了lazyload做按需异步
加载
，你会发现访问速度上提升一大截
3种可选框架：支持3栏和2栏
14种可选颜色风格：基本上小清新的颜色都有了
3种列表模式：多图展示、单图展示、无图展示
连接符：设置你自己的很重要
2种分页模式：你要的全都在这了
分类文章不显示在首页：你可以设置一个或多个分类下的文章不显示在首页
文章分页：文章有多长，分页就有多大用处
阻止百度转码：用自己的风格很重要，禁止了百度转码
点赞：说多了等于扯淡
文章来源：后台编辑文章有来源，前台有来源展示，尊重原创很重要
新窗口打开文章：有这个开关，说多了都是2
分享：让百度分享和网站更和谐
置顶焦点图：绝美展示，可自行设置置顶文章，且第一章大图可自定义
近期热门排行榜：最近多少天的评论热门文章排行，可设置天数和显示数量
置顶文章模块：可选择显示在首页或文章页
文章页：相关文章：可设置显示数量，相关文章首先调取文章中标签下的文章
导航多级菜单：不管你听不听，我是建议你最多二级就行
社交账号展示：微博、腾讯微博、微信（支持微信二维码展示）、订阅
导航图标自定义：优化后的搜索
jQuery
加载
：可设置在头部或者底部
加载
，底部有助于提高页面内容显示速度
文章小部件开启：可选择开启：阅读量、点赞、列表评论数、列表作者名字前加网站名称
首页近期发布文章数目：告诉用户最近你发布了多少文章
网站整体变灰：这个不解释，不好的日子或许会用到
分类url去除category字样：整合了no-category插件，只需选择就行，无需再安装
网页
最大宽度：你可以调整页面显示的宽度了，不过默认是很不错的
网站底部信息：你可以增加网站底部显示信息，比如：网站地图
侧栏随动：每种页面可设置不同的侧栏随动模块，首页、分类/标签/搜索页、文章页、页面可以不一样
更简洁的评论：想说：评论本该如此
默认字符修改：基本上全站所有的文章你都可以自定义了
广告位：首页3个、文章页3个，可设置各种广告自定义代码或联盟代码
自定义CSS样式：添加自己的css样式，不用修改主题文件就可完成
流量统计代码：可贴入各大流量统计工具的统计代码，不用修改主题文件就可完成
页面头部代码：可在每个页面的 header 标签中加入自定义的代码，不用修改主题文件就可完成
页面底部代码：可在每个页面的底部加入自定义的代码，不用修改主题文件就可完成
安装使用：
WordPress版本：3.6+，浏览器支持：IE7+、Chrome、Firefox、360、QQ等各种浏览器；
在解压后的 xiu 文件夹中替换你自己的 logo.psd(24位)，不要修改尺寸，请参照 font.jpg 中的字体，保存并替换 logo.png；
上传 xiu 文件夹到网站 wp-content/themes/ 目录下，进入网站后台-外观-主题，启用该主题；
进入外观-xiu主题设置，选择并设置你的喜好，点击保存；
导航图标设置：比如首页，在导航标签中写上 [cc]首页[/cc]
点赞墙、评论墙等独立页面怎么设置？ 后台-页面-新建页面-选择页面模版，保存即可。
链接功能怎么玩出来？ 如果后台有链接功能的说明已经可以实现了，没有链接功能的请安装wp官方自己的插件link-manager即可
1）减少http请求（图片使用雪碧图、Base64、字体图标等，减少重定向、使用缓存，不使用css@import，避免使用空的src和href）（6）webpack性能优化（打包公共代码，动态导入和按需
加载
，删除无用的代码，长缓存优化，公共代码内联）（4）优化资源
加载
，代码拆分，按需
加载
，降低CSS对渲染的阻塞，尽早的
加载
CSS，降低
加载
的大小。（2）资源压缩与合并（包括html压缩、css压缩、js的压缩和混乱、文件合并等）（9）css、js尽量使用外链。（1）过多的http请求。...
最近用Hbuilder写了一个简单的
网页
，但是用到了很多的图片，本地
加载
很快，但是别人访问的时候
加载
很
慢
。
百度的话 都是一些不着调的。打开你的
网页
，然后F12，选择network，然后重新
加载
，就会出现进度条。
这样的话就清楚问题，然后针对解决。
在进行站点优化时，很多站长会发现我们的网站有时运行速度很快，有时运行速度很
慢
，严重影响了用户体验。因此，有必要理解为什么网站变得很
慢
。如今，可以帮助你了解为什么我们的网站会
慢
下来。1、
网页
的大小
网页
加载
速度与
网页
大小直接相关。站点的代码文件越大，载入速度就越
慢
，网站打开速度就越
慢
，如果有太多的图片的话，网站就会变得很
慢
。2、网站服务器服务器不稳定是影响网站开放速度的直接
原因
。由于服务器不稳...
网站打开
网页
速度
慢
，会严重影响用户的使用率，会提升网站跳出率，这是每一个网站，站长都不愿意看到的事情。任何一个用户也不愿意去耐心等待
网页
慢
慢
打开，那么是什么
原因
导致打开
网页
速度
慢
呢?有怎样的解决措施呢？一、网站本身的大小网站打开
网页
速度
慢
，很大
原因
取决于网站本身的大小，以及网站服务器空间的大小，此外，就是自己的宽带网速问题，如果是使用者的宽带网速问题还好说，但如果是网站本身的问题，那么将会给网站带...
4.图片过大
前端解决方法：减少HTTP请求，使用精灵图，把公共部分存再sessionstorage中，请求过就不在请求
sessionstorage、localstorage、cookie的区别
Cookie
Cookie 非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个...
