首页 > 其他分享 >前端优化

前端优化

时间:2022-11-19 11:06:02浏览次数:34  
标签:前端 javascript js 放置 优化 css


web前端设计优化准则:

 

1  减少http请求次数,考虑:css,js,图片,,,

 

2 采用CDN

 

3 针对css,js,图片 进行缓存,添加Expires 头

 

4 对 css js 进行gzip压缩

 

5将css 放置顶部(head)

 

6 将js放置底部

 

7 对于互联网应用尽量javascript 和css 采用外部文件

 

8 精简javascript 以及 混淆核心的javascript 以此来减小文件的大小

 

还有............

 

 

 

 

 

标签:前端,javascript,js,放置,优化,css
From: https://blog.51cto.com/u_15458282/5870330

相关文章

  • sql优化
     以下针对mysql数据库 sql优化方式:1设计合理的数据表结构2对数据表建立合适有效的数据库索引3编写简洁高效的SQL语句--------------------------------------表结构设......
  • 主动打包:逐浪HMS主题大师1.3-即速推送、华为小组件缓存优化、锁屏提取、资源审计、技
    主动打包:逐浪HMS主题大师1.3-即速推送、华为小组件缓存优化、锁屏提取、资源审计、技术秘笈,移动主题设计利器逐浪HMS主题大师介绍软件架构使用环境启动使用捐赠我......
  • 前端面试题:如何进行前端的性能优化?
    一、DOM层面的优化1.减少重绘和重排2.使用事件委托3.函数的防抖与节流4.requestAnimationFrame(),将数据进行分割,分批次渲染,减少JS的连续运行时间......
  • 解决前后端分离业务中,前端访问后端404的Nginx配置。
    server{listen80;server_namelocalhost;root"E:/plan";location/{indexindex.phpindex.htmlerror/......
  • Mysql批量更新性能优化学习
    转自:https://juejin.cn/post/70435968558290698611.更新对表做多行更新的时候通常会遇到以下两种情况:单语句批量更新(updatea=a+1wherepk>500)多语句批量更新(updat......
  • Mysql批量插入性能优化学习
    转自:https://www.cnblogs.com/myseries/p/11191134.html1.批量insert1.1一条sql将单条insert改为批量insert,其实个人认为改为replaceinto更好,批量insert时,如果其中一......
  • 前端部分面经整理
    1.水平垂直居中,分别都说出两种https://www.jianshu.com/p/fc95a49821e2只水平:①  text-align:center;2.margin:0auto;配合 width:fit-content;④flex: displa......
  • 前端面试手撕题整理
    转自https://www.nowcoder.com/discuss/post/398883449182978048担心以后炸了备份一下。基础高频1.手写instanceof//原理:验证当前类的原型prototype是否会出现在实......
  • MySQL的SQL优化常用30种方法[转]
    MySQL的SQL优化常用30种方法1、对查询进行优化,应尽量避免全表扫描,首先应考虑在where及orderby涉及的列上建立索引。2、应尽量避免在where子句中使用!=或<>操作符,......
  • 后端程序员必会的前端知识-03:Vue2
    三.Vue21.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装,这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形......