前端优化es6webpack

辣些经典的web前端面试题

前端优化的途径有很多,大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符
风花花·2017-02-09 19:22

关于Web性能优化

[Yahoo前端优化十四条军规]·压缩源码与图片JavaScript文件源文件可以采用混淆压缩方式，css文件源文件代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源软件来压缩
张琦飞·2017-02-07 09:02

DOM渲染机制与常见性能优化

参考资料GoogleWeb淘宝团队前端优化alpha（阮一峰）requestAimationFrame（张鑫旭）移动H5前端性能优化指南chrome渲染优化《高性能JavaScript》零、前言本人垃圾
唐紫依·2017-01-22 20:16

前端优化简述

应用优化涉及各个方面，前端优化只是冰山一角。有人说：“离开系统的性能瓶颈的前端优化都是扯蛋”，我觉得，我们各司其职，做好前端本职工作就好，不要好高骛远。
被开发耽搁的项目经理林先生·2017-01-20 20:57

前端优化---回流 （reflow）与 重绘（repaint）

回流（reflow）：指的是网络浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。页面上节点是以树的形式展现的，我们通过js将页面上的一个节点删除，此时为了不让剩下的节点脱节，将断点结合起来重新形成一棵树。而这个重新结合过程就是回流。就是由于某些修改，要将元素回过头来重新“流”一遍。重绘（repaints）：是一个元素外观的改变所触发的浏览器行为，例如改变vidibil
weixin_30443075·2017-01-19 12:00

[前端优化]webAPP优化总结

一个webAPP写完了，并不代表就结束了，优化过程非常重要，手机端的软件往往追求的体验和性能。1)减少js加载体积很多库能用CDN的尽量使用CDN，这样打包出来的js体积会很小，加载很快。2）尽量采用比较轻量级的UI组件库比如museUI，mintUI等3）图片尽量放在图片服务器上，尽量图片进行压缩如果app中有大量图标，部署在同一服务器上时，当并发量大的时，往往会会因大量请求图片而导致服务器带宽
刘玉刚·2017-01-05 14:26

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

成果预览：使用到的技术插件Jcrop：用于前端“裁剪”图片bootstrap-fileinput：用于前端优化上传控件
梦游的龙猫·2016-12-20 09:42

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能

成果预览：使用到的技术插件Jcrop：用于前端“裁剪”图片bootstrap-fileinput：用于前端优化上传控件
梦游的龙猫·2016-12-19 18:00

前端优化：9 个技巧，提高 Web 性能

1.清理HTML文档HTML，即超文本标记语言，几乎是所有网站的支柱。HTML为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的HTML5中，甚至可以创建图表。HTML很容易被网络爬虫识别，因此搜索引擎可以根据网站的内容在一定程度上实时更新。在写HTML的时候，你应该尝试让它简洁而有效。此外，在HTML文档中引用外部资源的时候也需要遵循一些最佳实践方法。恰当放置CSSWeb设计者喜
Joker_Ye·2016-12-16 10:15

WEB前端性能优化

前端优化的方法前端优化的途径有很多，按粒度大致可以分为两类：第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化，例如Javascript中的DOM
ITT13021·2016-12-12 16:21

浅析渲染引擎与前端优化

浅析由浏览器内核想到的前端优化，或者说前端优化规则是从哪儿来的。大家知道，大部分的WEB页面依托浏览器呈现，而浏览器能够将页面展示出来，基本依赖于浏览器的内核，即渲染引擎。
hanyuxinting·2016-12-05 05:00

WEB前端优化必备压缩工具YUI-compressor详解

一、jquery.js与jquery.min.js学习web前端开发的童鞋们都应该知道jquery是有两个版本的。分别是开发版(例如：jquery-1.11.3.js)和压缩版(例如jquery-1.11.3.min.js)那么这两个有什么区别??楼主在这里简单的介绍一下，具体可以去查度娘名称大小说明jqeury.js(开发版)约229KB完整无压缩版，主要用于测试，学习，和开发jqeury.mi
冯小东·2016-11-29 20:43

高并发web系统设计

核心技术点前端优化前端优化主要包括动态内容静态化，增加前端缓存。页面静态化是指将
小飞侠-2·2016-11-15 14:00

双十一特辑 · 买买买的背后，电商如何做好前端优化？（一）

双十一除了帮媳妇清空购物车之外，（前提是你得有）作为开发者，双十一狂欢的背后是技术层面的较量。小编整理了天猫前端2015年双十一总结，帮助你更好了解双十一的背后，同样关注前端，更要关注在人肉DDOS的背后，有强大的架构支撑！明天继续带来电商的架构合集！记得关注标签双十一更快了解双十一热门技术文章！双11前端分享系列（一）：活动页面的性能优化无线优先从去年开始推行，今年更是全面无线化，双11无线业务
cpongo2·2016-11-10 14:55

2017腾讯校招前端面试题

（提示用数组reverse）如何做前端优化的？一般分为哪些部分考虑？如何实现跨域的？有哪些方法？各个方法都有哪些优缺点？适用场景？用得最多的是哪一种？简单说一
tonyhzw·2016-09-26 23:22

2017京东前端校招面试

（忘记回答复用的优势了）前端优化有了解哪些？有做过移动端项目么？需要
tonyhzw·2016-09-10 21:12

从案例分析如何优化前端性能

前端优化的根本目的是为了有一个更好地用户体验的同时尽可能减少后端负载压力。即保证更少的加载时间、更快的首屏渲染、更流畅的用户交互。在笔者自己的知识体系内，当我们想为用户呈现
王下邀月熊_Chevalier·2016-08-26 00:00

AngularJS及Vue 项目中实现按需加载模块

针对前端优化的点有很多，例如：图片压缩，雪碧图，js/css/html文件的压缩合并,cdn缓存,减少重定向,按需加载等等最近有心想针对ionic项目和vue项目，做一个比较大的优化，做成按需加载（也就是无请求不加载
无名前端小白·2016-08-24 22:45

web前端优化

因为别人的推荐，所以看了《高性能网站建设指南》，之前一直想好好做个总结，但是拖延症有点严重，过两天可能会有一个转正面试，正好好好总结下。《高性能网站建设指南》结合Web2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。全面涵盖了前端性能问题的方方面面。在本书中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，
毕安·2016-08-21 17:22

HTML5缓存机制

阅读更多【Web缓存机制系列】4–HTML5时代的Web缓存机制InWeb前端优化,Web开发on2012年03月22日byTAT.Rehornview:13,0866====索引=====【Web缓存机制系列
sangei·2016-07-29 09:00

实战录 | 前端性能优化二三事儿

目标前端优化的目标1.从用户角度而言，优化能够让页面加载的更快，对用户的操作相应更及时，给用户带来更为友好的体验，提高我们产品的市场竞争力。2.从公司角度而言，优化减少了页面请求数，降低了系统负载，减
cloudguarder·2016-07-07 17:22

前端优化实践总结

记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《前端工程与性能优化》。
CareChere·2016-06-29 16:00

大型网站架构之WEB前端优化

今天先来看看WEB前端优化，在上图中，负载均衡服务器之前的部分都可以看成WEB前端，其中自然少不了浏览器。WEB前端优化包括浏览器优化，使用CDN缓存加速，使用反向代理缓存加速。
gdldmb141·2016-05-30 15:44

大型网站架构之WEB前端优化

今天先来看看WEB前端优化，在上图中，负载均衡服务器之前的部分都可以看成WEB前端，其中自然少不了浏览器。 WEB前端优化包括浏览器优化，使用CDN缓存加速，使用反向代理缓存加速。 
gdldmb141·2016-05-30 15:44

Yahoo对Web前端优化的14条经验拔萃

规则1——减少HTTP请求（MinimizeHTTPRequests）只有10%～20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%～90%时间都花在HTML文档所引用的所有组件（图片、脚本、样式表、Flash等）进行的HTTP请求上。因此，改善响应时间最简单的办法就是减少组件数量并由此减少HTTP请求数。减少组件数量通常会和产品设计的初衷相矛盾，因此，此处给出了一些技术：图片地图
gecko23·2016-05-30 10:37

大型网站架构之WEB前端优化

今天先来看看WEB前端优化，在上图中，负载均衡服务器之前的部分都可以看成WEB前端，其中自然少不了浏览器。WEB前端优化包括浏览器优化，使用CDN缓存加速，使用反向代理缓存加速。
臻是二哥·2016-05-24 19:00

Web前端优化最佳实践及工具集锦

Google和雅虎也提出了一些Web应用的前端优化建议，并发布了一些工具，你可以逐一检验你的Web应用，以便达到更高的性能。这些优化不仅仅可以给
zhangyuan19880606·2016-05-23 16:00

丰趣海淘：跨境电商平台的前端性能优化实践

前端技术在这10多年中飞速发展，到了今天，我们可能发现“内容”的美在视觉上是有上限的，而性能的追求却是无穷无尽的，前端优化
听云APM·2016-05-13 15:00

前端优化带来的思考，浅谈前端工程化

重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如：①网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞
VIP_web·2016-05-13 09:53

前端优化带来的思考，浅谈前端工程化

重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如：①网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞
VIP_web·2016-05-13 09:53

Nodejs in Visual Studio Code 11.前端工程优化

很遗憾这些项目很少关注前端优化的问题，而将所有的100%的对性能关注集中于业务设计、第三方平台、数据库等方面，然而我想说只要拿出1%的精力，做一些前端优化的工作，也可以极大提升系统访问效率。   
赵云会编程·2016-05-12 19:00

web前端优化

阅读更多影响范围:仅针对css/javaScript文件，对写在jsp页面的样式代码以及脚本代码不在此次优化范围内目的:通过减小文件体积,从而加快页面加载速度,优化用户体验方法:压缩css/javaScript文件。如何压缩？基于本人一直用maven构建项目，所以ok,闲话不多说,首先介绍一款maven插件,现在网上找到的资料都是1.3.0版本的,找半天没发现官网是什么,不过找到个像是那么回事的地
anthrax2·2016-05-04 16:00

前端的性能优化都有哪些东西？

所以我们就从实际的工程应用角度出发，聊我们最常遇见的前端优化问题。
野次君·2016-04-21 13:00

前端优化【整理】

看了好多前辈关于性能优化的简介，于是东拼西凑，整理整理，方便以后查看优化目的从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。一、页面级优化减少DNS查找次数减少HTTP请求数利用缓存合并文件，CSS，JS文件等CSS精灵处理图片CDN加速把样式表置于顶部(之前)将外
xi_2130·2016-04-18 16:00

前端优化总结

前端优化一些方法：1、减少HTTP请求（合并请求）2、使用CDN数据加速（各地独立的内容分发机制）3、合理使用Expires头来增加缓存效果4、使用动态或静态压缩技术，并且压缩JS或HTML等文本格式中的字符数
yuner_123·2016-04-15 15:00

WEB前端优化CSS,JS,图片

做网站优化的运维都知道，为了提高网站的访问速度，一般会开启Apache/Nginxgzip功能，将文件压缩，但是这个压缩与我要说的压缩不在一个层面。网上也提供一些在线css、js文件压缩功能。今天介绍一款linux工具来实现这个功能安装JAVAYUICompressor由java开发，所有我们必须先有java环境。一般系统都会自带java，如果没带，那么yum安装一个openjava # yum 
caijyi1·2016-04-07 23:57

WEB前端优化CSS,JS,图片

做网站优化的运维都知道，为了提高网站的访问速度，一般会开启Apache/Nginxgzip功能，将文件压缩，但是这个压缩与我要说的压缩不在一个层面。网上也提供一些在线css、js文件压缩功能。今天介绍一款linux工具来实现这个功能安装JAVAYUICompressor由java开发，所有我们必须先有java环境。一般系统都会自带java，如果没带，那么yum安装一个openjava# yum i
caijyi1·2016-04-07 23:57

Yahoo前端优化十四条军规

相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据Yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。以上是一张we
bigtree_3721·2016-04-06 14:00

前端面试总结（转载请标明）

有哪里不对的还请大家指出web前端优化JS/CSS：JS会阻塞页面渲染，放在页面最下方；CSS在页面顶部加载。
qq_17765229·2016-04-05 19:00

关于大型网站技术演进的思考（十九）--网站静态化处理—web前端优化—上（11）

出处:夏天的森林博客网站静态化处理这个系列马上就要结束了，今天我要讲讲本系列最后一个重要的主题web前端优化。
baokx·2016-03-30 19:00

关于大型网站技术演进的思考（二十）--网站静态化处理—web前端优化—中（12）

出处:夏天的森林博客Web前端很多优化原则都是从如何提升网络通讯效率的角度提出的，但是这些原则使用的时候还是有很多陷阱在里面，如果我们不能深入理解这些优化原则背后所隐藏的技术原理，很有可能掉进这些陷阱里，最终没有达到最佳的预期效果，今天我在这里分析下浏览器和服务端通讯的一些细节问题，希望通过分析这些细节问题，能给大家一个启迪，能更好的理解这些优化原则背后的隐秘，最终能更好的运用这些原则。网站的通讯
baokx·2016-03-30 19:00

关于大型网站技术演进的思考（二十一）--网站静态化处理—web前端优化—下【终篇】（13）

出处:夏天的森林博客本篇继续web前端优化的讨论，开始我先讲个我所知道的一个故事，有家大型的企业顺应时代发展的潮流开始投身于互联网行业了，它们为此专门设立了一个事业部，不过该企业把这个事业部里的人事成本
baokx·2016-03-30 18:00

域名发散--前端优化(三)

话说天下大势，分久必合，合久必分其实域名也是一样，分分合合，不管是域名收敛还是域名发散，都有着自己独特的应用场景。目前,在web'stop30,000URLS里面，平均每个域名承担了50个资源的请求，所以，域名的扩散其实是个很重要的手段.现在大部分website都推崇这域名的发散这是为什么呢?为什么呢?为什么呢?whyisdomainshardingimportant?域名发散出现的原因其实真得浏
villainhr·2016-03-20 00:00

域名收敛--前端优化(二)

在说域名收敛之前，问大家一个问题.为什么你手机打开时，白屏时间会这么长?答:网速慢呗~怪我咯这当然不能怪你，确实是网速慢，但另外一方面是，如果网速已经很慢了，而你的网页加载效率又太低~造成的结果就是:godie~一个网页白屏时间是由下面几部分决定的所以，网页的优化就可以从上述几个部分开始.这里我们要提及的就是DNS优化,即，域名收敛.Whyshouldwechoosedomainofconverg
villainhr·2016-03-19 00:00

前端优化建议

原文来自YAHOO！前端团队，网址请点击1、尽量减少HTTP请求数分类：内容80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢？嗯，确实有鱼和熊掌兼得的办法。合并文件是通
u013084331·2016-03-18 16:00

相对路径Or绝对路径--前端优化(一)

在谈论相对路径和绝对路径谁优谁劣之前，我想问大家一个问题?请问:PHP是世界上最好的语言吗？恩，各位心里应该有个答案啦~是个屁呀~js才是最好的语言~23333开玩笑的~本宝宝是一个前端，要是说PHP好,那我现在就不写js了。其实,在网页里使用相对路径或是绝对路径，两者是需要有context的，就像php能用来写前端吗？但我们js就可以写后台~23333这也算是一个差异吧.在正式撕逼之前，我想给大
villainhr·2016-03-17 00:00

【优化】前端优化的几种常用方法（持续更新）

雅虎军规 一、有关服务器端1.使用CDNCDN工作流程如下：1.浏览器获得需要访问的资源的域名;2.通过域名解析得到该域名指向CDN的一个CNAME;3.为了获得IP地址，需要对CNAME进行域名解析，这时请求就会被发送到CDN的中心服务器，全局负载均衡通过预先设定的规则，同时根据用户访问的地理位置信息，把最合适的边缘服务器IP地址返回；4.浏览器获得IP地址后，就向边缘服务器发出请求；5.边缘服
很好玩·2016-03-16 20:00

前端优化不完全指南

你想超越我，就得了解我懂什么对吧，好，开始阅读~~哈哈哈~~~历时144000000毫秒出山的前端优化篇，若你问我有什么感悟？那我告诉你，看到毫秒啊，火箭啊，这些与优化相关的词，都有莫名的亲切感。
《分分合合好，cvcx·2016-03-16 13:42

【前端构建】WebPack实例与前端性能优化

感受构建工具给前端优化工作带来的便利。曾几何时我们的JS是这样引入页面的曾几何时，我们是如上图的方式引入JS资源的，相信现在很少遇见了。近年来Web前端开发领域朝着规范开发的方向演进。
啃先生·2016-03-10 00:00

WebPack实例与前端性能优化

感受构建工具给前端优化工作带来的便利。壹|Fisrt曾几何时，我们是如上图的方式引入JS资源的，相信现在很少遇见了。近年来Web前端开发领域朝着规范开发的方向演进。体现在以下两点：MVC研发构架。
HackerVirus·2016-03-06 22:00
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他