【前端工程师】 性能和效率 优化的问题

性能和效率

一、 你平时如何评测你写的前端代码的性能和效率。

ChromeDevTools的Timeline:是用来排查应用性能瓶颈的最佳工具。

ChromeDevTools的Audits:对页面性能进行检测,根据测试的结果进行优化。

第三方工具Yslow。

详细参见:

http://www.cnblogs.com/—simon/p/5883336.html

http://blog.csdn.net/ivan0609/artide/details/45508365

http://www.wtoutiao.com/p/1305TZW.html

二、 如何优化页面,加快页面的加载速度(至少5条)

(1) 优化图片资源的格式和大小

(2) 开启网络压缩

(3) 使用浏览器缓存

(4) 减少重定向请求

(5) 使用CDN存储静态资源

(6) 减少DNS查询次数

(7) 压缩css和js内容

详细参见:http://www.mahaixiang.cn/wyzz/1589.html

三、 怎么保证多人开发进行内存泄漏的检查(内存分析 工具)

1) 使用xcode里面的Analyze进行静态分析

build setting ----》 automa ----》 mrc环境

product ----》 analyze ----》command + R

2) 为避免不必要的麻烦,多人开发的时候尽量使用 ARC

内存泄露:

参考:http://blog.csdn.net/panda_bear/article/details/8009421

四、 前后端性能如何调优?

1. 减少http请求数

2. 使用内容分布式网络

3.给头部添加—个失效期或者Cache—Control

4. Gzip压缩组件

5. 把样式表放在前面

6. 把脚本放在最后

7. 不使用CSS表达式

8. 使用外部的JavaScript和CSS

9. 减少DNS的查询

10. 缩小JavaScript和CSS

参考:http://blog.csdn.net/sonta/article/details/44454787

五、 浏览器http请求过多怎么解决?

(1) 合并JS、CSS文件

(2) 合并图片csssprite

(3) 使用 Imagemaps

(4) data嵌入图片:如base64

使用CDN,减少http请求头

原文地址:https://www.cnblogs.com/yuanjili666/p/11640666.html

时间: 2024-10-07 21:09:39

【前端工程师】 性能和效率 优化的问题的相关文章

web前端之性能优化

作为一个前端工作人员,而且只会写点HTML5和CSS3的“假”前端工程师,为了能更好地理解一下前端的花花世界,最近拜读了<高性能网站建设指南>一书,对作者提出的前端性能优化的14个规则获益匪浅,为了让自己印象更深刻点,决定作此文,当做学习笔记也好,知识总结也罢,总归看过的东西要让自己很好地掌握很好地运用起来才是王道.在解读这些规则的同时,我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化建议. 首先我们从三个大类讲起:一,网络服务器.二,浏览器,三代码上面,针对这三个大类总结出了下面

web前端页面性能优化小结

转自blueidear:http://bbs.blueidea.com/thread-2936073-1-1.html PS:结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的. 除了后台需要在性能上做优化外,

web 前端页面性能优化总结

影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的. 除了后台需要在性能上做优化外,其实前端的页面更需要在性能优化上下功夫,只有这样才能给我们的用户带来更好的用户体验.不仅仅如此,如果前端优化 得好,他不仅可以为企业节约成本,他还能给用户带来更多的用户

前端雅虎性能优化

1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等.减少组件数必然能够减少页面提交的HTTP请求数.这是让页面更快的关键. 减少页面组件数的一种方式是简化页面设计.但有没有一种方法可以在构建复杂的页面同时加快响应时间呢?嗯,确实有鱼和熊掌兼得的办法. 合并文件是通过把所有脚本放在一个文件中的方式来减少请求数的,当然,也可以合并所有的CSS.如果各个页面的脚本和样式不一样的话,合并文件就是一项比较麻烦的工作

优化前端网页性能

综合来看,优化前端网页性能有以下几种方式: 网页内容.服务器.图片.cookie.css/js文件处理等方式. 1.网页内容: 通过减少http请求,减少DNS查询,延时加载不急切需要的内容,提前加载将要需要的内容,不要404页面,不用iframe等方式. 减少http请求次数:将文件捆绑打包,将图片合并. 减少DNS 查询:本地上可以清除DNS记录,但是这只能让本地浏览速度加快,服务器上怎么设置呢? 2.服务器: 通过设置服务器使得提高网页性能的方式并不是很熟练.主要有以下等方式:  CDN.

新产品为了效果,做的比较炫,用了很多的图片和JS,所以前端的性能是很大的问题,分篇记录前端性能优化的一些小经验。

第一篇:HTTP服务器 因tomcat处理静态资源的速度比较慢,所以首先想到的就是把所有静态资源(JS,CSS,image,swf) 提到单独的服务器,用更加快速的HTTP服务器,这里选择了nginx了,nginx相比apache,更加轻量级, 配置更加简单,而且nginx不仅仅是高性能的HTTP服务器,还是高性能的反向代理服务器. 目前很多大型网站都使用了nginx,新浪.网易.QQ等都使用了nginx,说明nginx的稳定性和性能还是非常不错的. 1. nginx 安装(linux) htt

【前端进阶-性能-性能优化检查点】

前端主要性能优化点 Accept-Encoding:gzip 进行资源压缩 gzip压缩方式浏览器支持情况: Netscape 6+ (Netscape 4-5 does, but with some bugs). Internet Explorer 5.5+ (July 2000) and IE 4 if set to HTTP/1.1. Opera 5+ (June 2000) Lynx 2.6+ (some time before 1999) Firefox 0.9.5+ (October

前端工程师们,这些干货让你开发效率加倍

30几个HTML5经典动画应用回顾 让你大饱眼福 http://www.html5tricks.com/30-more-html5-apps.html Bootstrap房地产销售公司响应式模板 http://www.mycodes.net/153/ 百度云下载:https://pan.baidu.com/ python下载地址:https://www.python.org/downloads/windows/ Amaze UI CSS 大致分为四部分:http://amazeui.org/cs

如何成为一名优秀的Web前端工程师?

何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript!它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性.组件的易用性.分层语义模板和浏览器分级支持等.随着近两三年来RIA(Rich Internet Applications的缩写,中文含义为:丰富的因特网应用程