首页 > 试题广场 >

请说出三种减少页面加载时间的方法

[问答题]
请说出三种减少页面加载时间的方法
添加回答
太阳煮的酒头像 太阳煮的酒

优化图片

减少http请求

压缩css js文件

发表于 2019-06-07 10:56:34 回复(0)
abao呢头像 abao呢
1. 优化图片 
2. 图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 
3. 优化CSS（压缩合并css，如 margin-top, margin-left...) 
4. 网址后加斜杠（如www.campr.com/目录，会判断这个目录是什么文件类型，或者是目录。） 
5. 标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。 
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了） 
6. 减少http请求（合并文件，合并图片）
发表于 2015-07-27 14:29:18 回复(1)
necoder0101头像 necoder0101
图片优化：
JPG有损压缩，比如淘宝色彩丰富的大图；
PNG适用于 logo，色彩线条对比较强的小图；
SVG无限放大不失真；
BASE64减少HTTP请求；
WebP 注意兼容性问题。
CSS Sprites；

使用CDN；
将JS脚本放在底部；
在进行Ajax请求的时候，尽量使用get方法，可缓存。
配置 ETag；
精简CSS和JS。
使用外部JS和CSS，以后加载时可缓存。

Chrome页面加载性能指标：FP、FCP、LCP、FMP。
发表于 2021-06-12 20:42:46 回复(0)
前端略懂头像 前端略懂
<p>1.可以用CSS雪碧图，减少http请求图片</p><p>2.可以将CSS文件压缩</p><p>3.少用iframe框架</p>
发表于 2021-04-14 23:11:28 回复(0)
山鬼～头像 山鬼～
减少页面加载时间的方法：优化图片，减少http请求次数，压缩css和js文件
编辑于 2020-12-26 16:06:33 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>优化图片，减少http请求，css压缩等</p>
发表于 2020-08-29 16:19:22 回复(0)
牛客7498219号头像 牛客7498219号

使用缓存方案，图片滥加在，动画尽量使用css实现，图片压缩，代码压缩打包，减少http请求，使用雪碧图

编辑于 2020-04-02 11:08:01 回复(0)
小魂蛋头像 小魂蛋
1、优化图片 2、选择图片格式 3、最好设置宽高，在页面加载不成功时，可以先留出位置来 4、减少http请求次数 5、背景图片合并 6、对代码进行压缩 7、正确书写代码格式 8、采用外部导入 9、调整兼容性
发表于 2019-08-17 14:27:52 回复(0)
一位不愿意透露姓名的憨憨头像 一位不愿意透露姓名的憨憨
图片懒加载
发表于 2019-03-16 22:52:36 回复(0)
Aimable头像 Aimable
. 优化图片  2. 图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方）  3. 优化CSS（压缩合并css，如 margin-top, margin-left...)  4. 网址后加斜杠（如www.campr.com/目录，会判断这个目录是什么文件类型，或者是目录。）  5. 标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。  当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了）  6. 减少http请求（合并文件，合并图片） 1，CSS精灵 2，将JS代码写在body后面
发表于 2017-12-28 19:18:45 回复(0)
java_er头像 java_er
  1. 1. 优化图片 
  2. 2. 图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 
  3. 3. 优化CSS（压缩合并css，如 margin-top, margin-left...) 
  4. 4. 网址后加斜杠（如www.campr.com/目录，会判断这个目录是什么文件类型，或者是目录。） 
  5. 5. 标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。 
  6. 当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了） 
  7. 6. 减少http请求（合并文件，合并图片）
  8. 1，CSS精灵
  9. 2，将JS代码写在body后面
发表于 2016-05-16 09:08:53 回复(0)
牛客808721号头像 牛客808721号
 优化图片 
2. 图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 
3. 优化CSS（压缩合并css，如 margin-top, margin-left...) 
4. 网址后加斜杠（如www.campr.com/目录，会判断这个目录是什么文件类型，或者是目录。） 
5. 标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。 
当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了） 
6. 减少http请求（合并文件，合并图片）
发表于 2016-03-15 15:07:54 回复(0)
箫声远头像 箫声远
第四点不明白，大家帮帮忙解释下
发表于 2016-03-15 10:51:46 回复(2)
冷小忆z头像 冷小忆z
1，CSS精灵
2，将JS代码写在body后面
发表于 2015-10-17 13:11:23 回复(0)
提交观点

问题信息

Javascript HTML
上传者：abao呢
难度：
14条回答 11590浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号