`
bd0571
  • 浏览: 17122 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

页面前端性能优化

阅读更多

1、先介绍个工具Yslow,别人已经写了我就不赘述了。

http://www.sunnyu.com/?p=136 或者 http://www.cnblogs.com/JustinYoung/archive/2007/11/20/speeding-up-web-site-14rule.html 和http://www.cnblogs.com/JustinYoung/archive/2007/11/28/speeding-up-web-site-yslow.html

2、对于前端页面,由于页面中几乎全部都是图片就是用了图片的lazyload(详见淘宝的JS代码)

3、后端:

    1)使用了缓存,五分钟;

    2)使用Etag,连续请求返回304

    3)将server name放置到http head 返回

注意:这种页面出错就不要跑出错页面了,不然就要保证不被缓存

分享到:
评论

相关推荐

    1让你页面速度飞起来,Web前端性能优化。.txt

    让你页面速度飞起来,Web前端性能优化。 让你页面速度飞起来,Web前端性能优化。百度云盘视频资料,下载直接看

    前端性能优化原理与实践.zip

    针对前端页面的一系列的优化, 前端性能优化原理与实践 · 小册

    让你页面速度飞起来 Web前端性能优化(解压密码123).zip

    让你页面速度飞起来 Web前端性能优化 让你页面速度飞起来 Web前端性能优化

    让你页面速度飞起来 Web前端性能优化(视频教程+ppt)

    让你页面速度飞起来 Web前端性能优化 从构建、浏览器渲染、缓存、PWA、服务端优化等多方面,梳理前端性能优化的技术点、综合分析技术的原理,根据不同的业务场景选择合适的性能优化点进行应用,最终为你的网站带来...

    前端页面加载性能优化实践及运维.pdf

    前端页面加载性能

    前端开发经验沉淀 前端性能优化及开发工具 共25页.ppt

    前端开发经验沉淀 前端性能优化及开发工具 共25页.ppt

    前端性能优化方法与实战

    │ 07 平台实践:如何从 0 到 1 搭建前端性能平台.md │ 08 诊断清单:如何实现监控预警并进行问题诊断.md │ 09 优化手段:首屏秒开的 4 重保障.md │ 10 优化手段:白屏 300m 和界面流畅优化技巧.md │ 11 工具...

    web前端性能优化进阶路

    Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践。可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化黄金法则,以及...

    前端性能优化知识图谱指导

    JS性能优化是指在JavaScript代码的编写和执行过程中,通过一系列的优化策略和技术手段,提高代码的执行效率和性能,从而提升网页或应用程序的响应速度和用户体验。 优化JS性能的方法包括但不限于以下几个方面: 代码...

    前端性能优化建议

    一说到性能优化,大家都不约而同的想起了雅虎的军规,2-5-8原则,3秒的首屏准则等等,这些规则在开发中虽然不是强制要求的,但是为了追求页面性能的完美体验,就不得不对代码进行修改和优化。 下面就与大家一同分享...

    jQery性能优化(前端脚本优化)

    经典总结web前端开发中使用jQuery/js值得注意的一些地方,如DOM操作等额可以显著提升页面加载效率。

    在线学习平台的前端设计优化与实现

    Web前端、模块化、组件开发、性能优化 随着互联网技术的发展,人们越来越习惯通过网络获取信息,在线学习平台 也因此应运而生。同时,人们对于网站的易用性和交互体验的要求也越来越高, 设计良好、性能优良的网站...

    Web前端性能优化WPO:性能优化的三个阶段

    Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践。可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化黄金法则,以及...

    前端项目的性能优化方案

    整理的前端项目性能优化方案,从如下几个方面进行性能优化: 一、网络及资源加载方面优化; 二、webpack打包工具构建优化; 三、代码及渲染优化; 四、特定页面加速优化;

    前端性能优化——移动端浏览器优化策略

    摘要:前端性能优化是一个很宽泛的概念,本书前面的部分也多多少少提到一些前端优化方法,这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统,前端优化的最终目的都是提升用户体验,改善页面性能,...

    基于VUE的单页面性能优化实践.pdf

    汽车之家车服务前端团队王诗扬在2017APMcon中国应用性能管理大会上做了题为《基于VUE的单页面性能优化实践》的分享,就H5性能优化意义,前后端分离,服务端渲染做了深入的分析。

    百度地图毕业设计源码-optimization:前端性能优化

    性能优化的根本目的: 要思考的是用户使用网站的体验如何,而不是我们可以节省多少字节,只有准确感知用户的感受,我们才有必要谈毫秒、字节和请求数量等问题。 针对优化注意事项: 防止过早优化:没必要在刚开始...

Global site tag (gtag.js) - Google Analytics