zoukankan      html  css  js  c++  java
  • 前端性能优化 —— 起步篇(一)

    简要:用户的体验是非常重要的环节。快速的显示网页,流畅的用户操作,丰富实时的页面功能,顺畅的动画展示,这些都是决定用户舒适体验的关键因素。把用户伺候舒服了,才会产生长久的依赖。我认为前端性能优化的实践应当是自动化的,智能化的,从代码编写到生产打包一整套流程都应该有一系列关于优化的应对方案。

    我个人认为nodejs相对于我们前端来说作为代码管理工具的意义要大于作为后台服务器的意义,接下来我会根据我对于nodejs,gulp的实践情况和对《高性能网站建设指南》这本书的理解来总结我个人对前端性能优化的一些方案和方法。(这里注明:nodejs的作用不限于前端压缩合并这些优化,甚至设想我们代码里写一个简短的@注解,帮我们生产出一片代码,这样是不是很爽呢^_^)

     

    规则1-------减少HTTP请求

    规则2-------使用内容发布网络

    规则3-------添加Expires头控制缓存

    规则4-------压缩组件

    规则5-------将样式表放在顶部

    规则6-------将脚步放在底部

    规则7-------避免css表达式

    规则8-------使用外部javaScript和CSS

    规则9-------减少DNS查找

    规则10-------精简javaScript

    规则11-------避免重定向

    规则12-------删除重复脚步

    规则13-------配置ETag

    规则14-------使Ajax可缓存

    接下来我会按照以上规则来谈一下我本人的拙见,若有浅陋之处还望赐教。。。

  • 相关阅读:
    React全家桶+AntD 共享单车后台管理系统开发
    eclipse中通过Properties Editor插件查看配置文件中Unicode内容
    修改eclipse的编码格式
    后端接收前端数据中文乱码解决方案
    MySQL基础
    wordpress个人常用标签调用
    4gl游标cursor
    尝试写一写4gl与4fd
    foreach循環體控制
    保护wordpress后台登录地址
  • 原文地址:https://www.cnblogs.com/zhutao/p/5939061.html
Copyright © 2011-2022 走看看