Web前端性能优化常见面试题

一般说来,web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有浏览器访问、使用反向代理才、CDN等。
1、减少http请求,合理浏览器缓存

2、启用压缩:HTML、CSS、javascript文件启用GZip压缩可达到较好的效果

3、CSS Sprites:合并 CSS图片,减少请求数的又一个好办法。
4、LazyLoad Images:在页面刚加载的时候可以只加载第一屏,当用户继续往后滚屏的时候才加载后续的图片
5、CSS放在页面最上部,javascript放在页面最下面:让浏览器尽快下载CSS渲染页面
6、异步请求Callback(就是将一些行为样式提取出来,慢慢的加载信息的内容)
在某些页面中可能存在这样一种需求,需要使用 script标签来异步的请求数据。类似:
/*Callback 函数*/
function myCallback(info){ 
//do something here 

 HTML:
  Callback返回的内容 :
myCallback('Hello world!');

像以上这种方式直接在页面上写

你可能感兴趣的:(Web前端性能优化常见面试题)