1、如何进行web前端性能优化
1，css精灵！
2，代码压缩
3，高质量的JS代码肯定能省很多事！封装JS，重复调用方法！这样会减少很多操作
4，请减少对DOM的操作
5，使用JSON格式来进行数据交换
6，高效使用HTML标签和CSS样式
7，使用CDN加速（内容分发网络）
8，精简CSS和JS文件
9，注意控制Cookie大小和污染
2、如何进行网站性能优化
内容页面优化就一个要点：你的访客要看到什么内容你就做什么内容。建议你以一个访客的角度来看你自己的网站，内容是否完善、页面是否好看、框架是否清晰……做好这些就算是内容优化了。
3、如何对网站进行性能优化
一、删除功能：重要数据伪删除，删除校验用户（避免A用户可以删除任何人数据）。文件上传预览删除功能不能做服务器文件删除，不要为了节省服务器资源给用户留下接口。如果要资源有限，那么在删除的时候也需要做用户校验（文件命名或文件路径关联用户ID等）
二、发短信:基本上没有人愿意自己和短信运营商直接对接短信业务，一般都是通过第三方短信服务商购买短信。在用户主动获取短信的时候前端做图片验证码校验，后端做发送量，发送间隔校验（图片验证码是可以被机识别的）。做短信日志记录，这些日志可以为前面的后台校验提供数据，系统运行期间的各种好处就不一一举例了。重要功能做语音验证码，比如注册送现金的活动，短信验证码可以被识别
三、页面数据获取：用户平凡的刷新数据会加大服务器压力，当然谁也挡不住用户刷新是吧，但是减少主动刷新次数也是一个减小服务器压力的方法，咱不能自己坑自己吧，(Table页切换做校验，有数据就不再拉取等等)
四、前端静态资源做CDN，可以提高用户访问速度，减少服务器压力
五、用户输入做SQL注入，javascript脚本注入
六、用到的Ajax请求：做ajax加拦截器，通过消息头过滤掉非ajax的地址栏访问，（谁然不一定能全部拦截，但是拦掉一部分小白还是可以得，总不能是个人就能攻击吧）
七、用户输入数据校验，输入文字长度，数字输入大小，int 、long等数据类型合理使用，(积分兑换的时候用户只有1积分，你让他输入兑换积分，你输入21000000000，int 接收的时候，超出了范围成了负数1永远大于负数)，还有一点很重要，你的任何校验都不要依靠前端，毕竟前端是为用户的体验而生的，为了自己的安全还是多写点后台校验吧，
八、异常捕获：不要将异常信息抛给用户，首先不美观，其次这些错误信息中可能含有SQL错误，通过这些sql可以了解到你的数据库结构
九、前端数据获取的时候减少不必要字段输出，java面向对象，表数据面向对象，本来页面只需要两个数据，结果你返回了一个实体，前端可已查看到你数据库表结构，多看几个页面那么你的数据库设计就给了人家了呢
十、用户信息加密传输，一定不要把重要数据留在客户端，泄密重要信息的责任是要你承担的哦
十一、 现在越来越多人使用阿里云服务器，做客户项目的时候服务器是客户购买的，当然阿里云账户客户也有，你的配置文件不加密客户就能看见你的系统配置，结合上面的搞搞你的数据库，那你的产品还有什么秘密，至于代码，你觉得他值钱么
十二、 前端JS 脚本 和页面分离，压缩或加密，不要你的团队幸幸苦苦开发的唯美的页面和效果，被人家一个ctrl+s拿去回家研究了，何况你的js中还有大量的逻辑
十三、 线程安全:
1、synchronized同步 （有序性、可见性），
2、使用生产者消费者模式，(唤醒notify()，等待wait())
3、volatile同步（可见性，非有序性，只在无基础数据的赋值操作，直接操作主内存，减少主内存复制到工作内存的cpu消耗）
十四、 数据库读写分离的时候要注意个别业务读也要读在主库上（避免主从同步失败或延时）
4、如何优化web网站的性能
提升页面加载速度
1、图片大小越小打开速度越快
2、网页中代码不要臃肿所以不要有无用代码
3、js css使用外部引入
4、如果js css 不是显示用户看到的信息 而是一些特效的话放在最后加载。
5、web前端学习web前端如何做好网站性能的优化？
主要从以下几个方面做好优化：
尽量减少HTTP请求个数
使用CDN（内容分发网络）
把CSS放到顶部
把JS放到底部
使用gzip压缩内容
使AJAX可缓存
使用GET来完成AJAX请求
减少Cookie的大小
6、如何提高前端性能，至少三点
1. 清理 HTML 文档
HTML，即超文本标记语言，几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 HTML5 中，甚至可以创建图表。
HTML 很容易被网络爬虫识别，因此搜索引擎可以根据网站的内容在一定程度上实时更新。在写 HTML 的时候，你应该尝试让它 简洁而有效 。此外，在 HTML 文档中引用外部资源的时候也需要遵循一些最佳实践方法。
恰当放置 CSS
Web 设计者喜欢在网页建立起主要的 HTML 骨架之后再来创建样式表。这样一来，网页中的样式表往往会放在 HTML 的后面，接近文档结束的地方。然而推荐的做法是把 CSS 放在 HTML 的上面部分，文档头之内，这可以确保正常的渲染过程。
这个策略不能提高网站的加载速度，但它不会让访问者长时间看着空白屏幕或者无格式的文本（FOUT）等待。如果网页大部分可见元素已经加载出来了，访问者才更有可能等待加载整个页面，从而带来对前端的优化效果。这就是知觉性能。
正确放置 Javascript
另一方面，如果将 JavaScript 放置在 head 标签内或 HTML 文档的上部，这会阻塞 HTML 和 CSS 元素的加载过程。这个错误会导致页面加载时间增长，增加用户等待时间，容易让人感到不耐烦而放弃对网站的访问。不过，您可以通过将 javascript 属性置于 HTML 底部来避免此问题。
此外，在使用 JavaScript 时，人们通常喜欢用异步脚本加载。这会阻止<script>标签在 HTML 中的呈现过程，如，在文档中间的情况。
虽然对于网页设计师来说， HTML 是最值得使用的工具之一，但它通常要与 CSS 和 JavaScript 一起使用，这可能会导致网页浏览速度减慢。 虽然 CSS 和 JavaScript 有利于网页优化，但使用时也要注意一些问题。使用 CSS 和 JavaScript 时，要避免嵌入代码。因为当您嵌入代码时，要将 CSS 放置在样式标记中，并在脚本标记中使用 JavaScript，这会增加每次刷新网页时必须加载的 HTML 代码量。
绑定文件? 不用担心
在过去，你可能会频繁绑定 CSS 脚本到单个文件，以在 HTML 代码中引用外部文件。在使用 HTTP1.1 协议时，这是一项合理的实践，然而这一协议不再是必需的。
2. 优化 CSS 性能
CSS，即级联样式表，能从 HTML 描述的内容生成专业而又整洁的文件。很多 CSS 需要通过 HTTP 请求来引入（除非使用内联 CSS），所以你要努力去除累赘的 CSS 文件，但要注意保留其重要特征。
如果你的 Banner、插件和布局样式是使用 CSS 保存在不同的文件内，那么，访问者的浏览器每次访问都会加载很多文件。虽然现在 HTTP/2 的存在，减少了这种问题的发生，但是在外部资源加载的情况下，仍会花费较长时间。要了解如何减少 HTTP 请求以大幅度缩减加载时间，请阅读WordPress 性能。
此外，不少网站管理员在网页中错误的使用 @import 指令 来引入外部样式表。这是一个过时的方法，它会阻止浏览并行下载。link 标签才是最好的选择，它也能提高网站的前端性能。多说一句，通过 link 标签请求加载的外部样式表不会阻止并行下载。
3.减少外部HTTP请求
在很多情况下，网站的大部分加载时间来自于外部的 Http 请求。外部资源的加载速度随着主机提供商的服务器架构、地点等不同而不同。减少外部请求要做的第一步就是简略地检查网站。研究你网站的每个组成部分， 消除任何影响访问者体验不好的成分。 这些成分可能是：
不必要的图片
没用的 JavaScript 代码
过多的 css
多余的插件
在你去掉这些多余的成分之后，再对剩下的内容进行整理，如，压缩工具、CDN 服务和预获取（prefetching）等，这些都是管理 HTTP 请求的最佳选择。除此之外，减少DNS路由查找教程会教你如何一步一步的减少外部 HTTP 请求。
7、常用的前端性能优化方法有哪些?
1、减少http请求，合理设置 HTTP缓存
2、使用浏览器缓存
3、启用压缩
4、CSS Sprites，合并 CSS图片，减少请求数
5、CSS放在页面最上部，javascript放在页面最下面