vascript 文件所需的时间 ， 因为它们下载的压缩文件要小得多 ， 一旦它们到达浏览器就会被解压 。 不要担心 ， 因为所有的现代浏览器都支持 GZIP ， 并且已经对所有的 HTTP 请求进行了自动处理 ， 所以访客不必再做任何额外的事情 。 5.启用浏览器缓存启用浏览器缓存后 ， 一个网站的元素存储在你的访客的浏览器上 ， 所以下次他们访问你的网站 ， 或者访问另一个网页时 ， 浏览器可以直接加载网页 ， 而不必将另一个 HTTP 请求发送到服务器 ， 以加载需要的缓存元素 。 一旦加载了第一页并将其元素存储在用户的缓存中 ， 只需要在后续网页上下载新元素就行 。 这可以大大减少需要在一个典型的浏览会话中下载的文件数量 。 6.缩小资源缩小你的 CSS 和 javascript 文件 ， 删除不必要的留白和注释 ， 以减少文件大小 ， 这样会帮助减少下载它们所需的时间 。 这并不需要手动操作 ， 因为有一些工具可以在线将文件转换成较小的、缩小版的文件 。 还有一些插件可以在你的网站上替换你的网站上的链接 ， 你的常规 CSS 和 javascript 文件可以不修改你的原始文件 。 这样做可能需要花费一些精力 ， 因为缩小文件经常会破坏 CSS 和 javascript ， 所以一旦你缩小了所有的内容 ， 一定要彻底测试你的网站 。 7.优先考虑内容如果你的网站被编码成优先级以上的内容 —— 换句话说 ， 在访问者滚动之前可以看到的内容 ， 你的网站就会出现在访问者面前 。 这意味着确保出现在折叠上方的任何元素都与 HTML 代码的开头差不多 ， 这样浏览器就可以下载并呈现它们 。 还需要包含任何 CSS 和 javascript ， 以内联方式呈现该区域 ， 而不是在外部 CSS 文件中 。 8.优化媒体文件因为带有高质量相机的移动设备是常见的 ， 而现代的内容管理系统 ， 可以方便上传图像 ， 很多人只是简单地拍了一张照片 ， 然后上传 ， 却没有意识到 ， 图像通常比必要的要大 4 倍 。 这大大降低了你的网站加载速度 ， 特别是对于移动用户 。 在你的网站上优化媒体文件有可能极大地提高你的网页速度 ， 而且这样做相对容易 ， 所以这是一个很好的时间投资 。 1）优化图片选择理想的格式 。 JPG 是完美的摄影图像 ， 而 GIF 或 PNG 最好的图像有大面积的纯色 。 8 位 PNG 文件是用于没有 alpha 通道（透明背景）和 24 位文件的图像 ， 它们是带有 alpha 通道的图像 。 确保图像尺寸正确 。 如果你的网站上只支持 800 像素的图片 ， 那么使用 1600 像素的图片是没有任何好处的 。 压缩图像文件 。 2）优化视频选择理想的格式 。 MP4 在大多数情况下是最好的 ， 因为它产生最小的文件大小 。 根据访问者的屏幕尺寸提供最佳尺寸 。 如果在背景中使用视频作为设计元素 ， 记得取消自动播放功能 。 压缩的视频文件 。 我大部分时间都在使用 Adobe Premiere ， 但 Camtasia 也是一个可靠的选择 。 减少视频长度 。 考虑将视频上传至优酷土豆或腾讯视频 ， 而不是在本地使用它们 ， 并使用它们的 iframe 嵌入代码 。 为了真正优化你的网站上的媒体 ， 你需要根据屏幕尺寸提供合适大小的图片 ， 而不是简单地调整大小 。 基于映像的实现 ， 有两种方法可以处理此问题 。 在你的网站的 html 中可以使用 src 设置 ， 它允许浏览器选择 ， 下载 ， 并根据访问者使用的设备的屏幕大小显示适当的图像 。 通过 CSS 放置的图像 —— 通常作为背景图像 ， 可以使用媒体查询来选择合适的图像 ， 基于访问者正在使用的设备的屏幕大小 。 9.利用缓存和 CDN缓存使你的 web 服务器来存储你的网站的静态副本 ， 这样他们可以更快地交付到访问者的浏览器 。 而 CDN 允许将这些副本分发到世界各地的服务器 ， 以便访问者的浏览器从最接近他们的位置的服务器下载内容 。 这大大提高了网页加载速度 。
推荐阅读
-
-
-
-
-
-
-
-
茄子怎样做好吃又简单 茄子怎样做好吃又简单又好吃视频
-
制造费用分配表属于什么凭证记账凭证的编制人员 制造费用分配表属于什么凭证
-
-
-
江苏省名师空中课堂教师免注册流程 江苏省名师空中课堂学生注册二维码
-
-
-
-
-
-
-
-
