美文网首页
前端页面优化

前端页面优化

作者: 一块糖吧 | 来源:发表于2018-05-31 18:07 被阅读0次

1.使用代码构建工具,减少http请求的次数以及减少http请求的大小。减少http请求大小还包括减少cookie请求。因为每次浏览器向后端发送请求时,都会默认带上cookie里面的数据。然后因为cookie不可以跨域请求,因此将cookie存放在不同的域分开请求。

2.javascript文件异步请求,使用async。

3.合理的使用Etag和last-modified。对于没有修改过的文件,直接请求缓存。给html设置cache-control和expires。避免频繁请求服务器。页面设置了上面两个属性,会从缓存中加载。

4.使用get方式请求ajax。post方式会发送两次请求,第一次是请求头,第二次是请求体。get只会请求一次,只发送请求头。

5.合理拆分css文件,避免使用@import。尽量从外部进入css和JavaScript文件。

6.避免页面中的href,src没有值。

7.静态资源分域存放增加下载并行书。

8.减少重定向。

未完。。。

相关文章

  • 前端页面优化

    1.使用代码构建工具,减少http请求的次数以及减少http请求的大小。减少http请求大小还包括减少cookie...

  • 前端页面优化

    前端性能测试和调优 讲到性能测试,除了后台的之外,还有一部分是前台的性能测试,前端的性能测试这里主要需要尊从以下规...

  • 更快速将你的页面展示给用户[前端优化篇]

    更快速将你的页面展示给用户[前端优化篇] 现在许多公司往往注重后端优化,而忽略了前端优化想想如果辛苦优化了服务器,...

  • web页面性能优化以及seo

    web页面性能优化 前端优化的目的是什么? 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能...

  • 性能、打包题目

    前端性能优化 页面DOM节点太多,会出现什么问题?如何优化? DOM太多会造成页面加载卡顿, 操作DOM节点 在外...

  • 前端性能优化的三个维度

    前端性能优化可以分为三个level:静态资源优化、接口访问优化、页面渲染速度优化,在操控门槛上依次递增,优化效果上...

  • 关于前端SEO要点(二)

    背景:前端SEO并不难理解,对资深SEO来说,前端SEO性能优化方案也有掌握的必要。 一、页面级优化 1、js、c...

  • 前端性能优化

    前端性能优化 前端性能优化是指用户从开始访问网站开始到整个页面完整的展示出来的过程中,我们可以通过各种的优化策略和...

  • 前端页面性能优化

    一、PC端优化策略 主要包括网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构...

  • 前端页面性能优化

    提升页面性能的方法 非核心代码异步加载 利用浏览器缓存 使用CDN 资源压缩合并,减少http请求 预解析DNS ...

网友评论

      本文标题:前端页面优化

      本文链接:https://www.haomeiwen.com/subject/htqcsftx.html