前端优化es6webpack

深入理解 React 的 Virtual DOM

这是Choerodon的一个前端页面在复杂的前端项目中一个页面可能包含上百个状态，对React框架理解得更精细一些对前端优化很重要。曾经这个页面点击一条记录展示详情会卡顿数秒，而这仅仅是前端渲染
Choerodon猪齿鱼·2019-04-16 09:46

前端性能优化总结

先说总结，前端优化核心逻辑就是：减少请求数（或同时间请求数）与请求资源大小，减少重绘与回流减少请求数（或者同一时间请求数）与请求资源大小文件压缩与合并htmlcssjs文件压缩合并打包，比如gzip压缩
blossom_绽放·2019-04-10 12:45

PHP 亿级 pv 网站架构实战之性能压榨

3.前端优化雅虎军规：http://www.cnblogs.com/paul-3/p/5999722.html减少http请求数图片、css、script等等这些都会增加http请求数，减少这些元素
傲十郎·2019-04-02 16:44

Java - 你用过的网站前端优化的技术有哪些？

分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请点击http://www.captainbed.net①浏览器访问优化：-减少HTTP请求数量：合并CSS、合并JavaScript、合并图片（CSSSprite）-使用浏览器缓存：通过设置HTTP响应头中的Cache-Control和Expires属性，将CSS、JavaScript、图片等在浏览器中缓存
Chimomo·2019-03-21 10:28

每日 30 秒 ⏱ 巧用可视区域

简介可视区域、页面优化、DOM节点多、图片懒加载、性能可视区域是一个前端优化经常出现的名词，不管是显示器、手机、平板它们的可视区域范围都是有限。
zhangxiangliang·2019-03-16 00:00

前端性能优化方案都有哪些？

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
Astar_小白的成长之路·2019-03-11 16:33

web页面性能优化以及seo

web页面性能优化前端优化的目的是什么?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
IF_123·2019-03-08 20:30

前端优化--重绘&回流

重绘（Repaint）和回流（Reflow）重绘和回流会在我们设置节点样式时频繁出现，同时也会很大程度上影响性能。重绘是当节点需要更改外观而不会影响布局的，比如改变color就叫称为重绘回流是布局或者几何属性需要改变就称为回流。回流必定会发生重绘，重绘不一定会引发回流。回流所需的成本比重绘高的多，改变父节点里的子节点很可能会导致父节点的一系列回流。如何减少重绘和回流的次数。使用transform替
咔~·2019-03-07 14:00

【前端优化】前端常见性能优化

图形用户界面—采用图形方式显示的计算机操作用戶介面）性能time=下载资源time+服务响应time（api+浏览器渲染time网络静态资源占用了大概50%的时间-http请求的过程是前端性能优化的核心前端优化性能指标
Rainie·2019-03-01 00:00

【前端优化】动画几种实现方式总结和性能分析

备注：没整理格式，抱歉动画实现的几种方式：性能排序js3->4->2.那么在来看你这段代码。vart=true;window.setTimeout(function(){t=false},1000);while(t){}alert('end');1.6setTimeOut的讨论参数描述code必需。要调用的函数后要执行的JavaScript代码串。millisec必需。在执行代码前需等待的毫秒数。
Rainie·2019-03-01 00:00

DNS与CDN知识汇总（前端优化一）

什么是DNS？域名系统DNS(DomainNameSystem)，他由三部分组成（名称解析器，域名空间，名称服务器），他是一个分布式数据库，功能是联系域名和ip地址，域名和ip对应，被称为记录，可分为以下几种类型：（1）A:Address，域名指向的IP地址，一个域名可以有多个A记录（2）NS：NameServer，保存下一级域名信息的服务器地址（3）CNAME：CanonicalName，返回另
枫叶的影子·2019-02-15 16:31

.NET-记一次架构优化实战与方案-底层服务优化

目录.NET-记一次架构优化实战与方案-梳理篇.NET-记一次架构优化实战与方案-前端优化.NET-记一次架构优化实战与方案-底层服务优化前言经过上一篇《.NET-记一次架构优化实战与方案-前端优化》与大家分享了对页面加载优化的心得和经历
陈珙·2019-01-29 13:00

.NET-记一次架构优化实战与方案-前端优化

目录.NET-记一次架构优化实战与方案-梳理篇.NET-记一次架构优化实战与方案-前端优化.NET-记一次架构优化实战与方案-底层服务优化前言上一篇《.NET-记一次架构优化实战与方案-梳理篇》整理了基本的业务知识
陈珙·2019-01-29 09:00

.NET-记一次架构优化实战与方案-梳理篇

目录.NET-记一次架构优化实战与方案-梳理篇.NET-记一次架构优化实战与方案-前端优化.NET-记一次架构优化实战与方案-底层服务优化前言程序员输出是他敲写的代码，那么输入就是他思考好的设计。
陈珙·2019-01-28 13:00

【性能优化专题】-web网页端性能优化之浏览器端优化

web网页性能优化主要有两种方式,一种是优化服务器端,也即是后端的优化,后端优化也是最关键,效果最明显的,当后端优化做到极致后,前端优化也不可忽视,作为一名后端,对前端优化不说全部掌握,至少要有所了解,
老汉健身·2019-01-25 10:46

前端优化 - 资源预加载技术(Prefetch, Preload, DNS-Prefetch，defer和async)

前言当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的gzip压缩等，这使得页面加载更快，用户可以尽快使用我们的Web应用来达到他们的目标。资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。引用PatrickHamann的解释：预加载是浏览器对将来可能被使用资源的一种暗示，一些资源可以在当前页面使用到，一些可能在将来的某些
HyperDai·2019-01-22 01:10

HTML5如何使用SVG的方法示例

代码优化永远是程序员亘古不变的需求，而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：SVG可被非常多的工具读取和修改（
Feleti·2019-01-11 15:23

HTML5如何使用SVG

代码优化永远是程序员亘古不变的需求，而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：SVG可被非常多的工具读取和修改（
周小肆·2019-01-11 00:00

javascript 前端优化-浏览器缓存

浏览器缓存作用加快页面打开速度减轻服务器压力减少网络损耗浏览器缓存有两种方式：1、mate标签2、header头mate标签控制1、content-type(文档内容类型：用于设定文档的类型和字符集)2、expires(期限：可以用于设定网页的到期期限)3、pragma（cashe模式：即是否从缓存中访问网页内容）4、refresh(刷新：等待一定时间自动刷新或跳转到其他url)//文档类型//必
我是一个前端·2018-12-28 00:00

2017-12-26 前端优化一

初级1、jscss库文件通过CDN引用推荐http://www.bootcdn.cn/2、图片压缩批量图片压缩推荐Caesium_boxed，压缩后图片体积可以缩小50%左右，同时不影响图片显示精度，节省带宽3、头部引用css，底部引用js4、压缩jscss减少带宽占用5、多图片网页使用图片懒加载。jquery.lazyload.js6、优化sql语句，避免使用distinct，in，select
红橙子_5eba·2018-11-02 10:43

用node探究http缓存

另外，http缓存作为一个前端优化的一个要点，也应该有所了解。什么是http缓存RFC7234(https://tools
大~熊·2018-10-28 21:00

原生JS实现图片懒加载

懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验，图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。
哎呦喂1111·2018-10-26 11:39

提升网站性能优化

##提升网站性能一、前端优化一般来说Web前端指网站业务逻辑之前的部分，包括浏览器加载，网站视图模型，图片服务，CDN服务等，主要优化手段有优化浏览器访问，使用反向代理，CDN等。
chou_out_man·2018-10-23 09:41

性能优化实战-2

当你发现系统响应越来越慢，慢到已经影响到用户体验的时候；网站性能优化的手段：1、web前端优化；减少http请求；使用浏览器缓存；静态资源压缩；减少cookie传输；CDN加速；反
hbxflihua·2018-09-28 10:00

性能优化实战-2

当你发现系统响应越来越慢，慢到已经影响到用户体验的时候；网站性能优化的手段：1、web前端优化；减少http请求；使用浏览器缓存；静态资源压缩；减少cookie传输；CDN加速；反
hbxflihua·2018-09-28 10:00

http GET 和 POST 请求的优缺点和误区 --前端优化

Get和Post在面试中一般都会问到，一般的区别：（1）post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）（2）post发送的数据更大（get有url长度限制）（3）post能发送更多的数据类型（get只能发送ASCII字符）（4）post比get慢（5）post用于修改和写入数据，get一般用于搜索排序和筛选之类的操作（淘宝，支付宝的搜索查询都是get提
做一个有知识的流氓·2018-09-27 14:54

vue 优化CDN加速的方法示例

项目有抢购的性质contentdownload时间非常的长加载慢的很，至此开始前端优化之旅项目根目录运行npminstallwebpack-bundle-analyzer--save-dev在build
乖摸摸头·2018-09-19 15:09

代码管理控制

良好的架构对外的前端优化原则中，很多要求是与对内的代码管理相违背的，就像是硬币的两面，一面朝向浏览器，关注性能、缓存、减少重复、保持一致；一
如雨随形·2018-09-19 12:54

前端性能优化总结

目录目录参考文档前端性能总结加载优化脚本执行优化CSS优化JavaScript执行优化快捷链接参考文档【阮一峰网络日志】网页性能管理详解【淘宝团队前端优化】无线性能优化：页面可见时间与异步加载移动H5前端性能优化指南
欣欣__KuanG97·2018-09-09 00:00

☆前端优化：浏览器缓存技术介绍

0前言在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。所以，缓存技术是无数WEB开发从业人员在工作过程中不可
猿码道·2018-09-08 11:52

前端优化之开启 Gzip 压缩

我其实一点也不懂，上网去查看别人都没写前端怎么做，就很郁闷。自己尝试一番才知道为何没人写前端的操作步骤，因为非常简单——生成gz文件，上传服务器即可。所以为了避免有人和我一样懵逼，索性记录下来以供参考。开门见山直接说操作方法：我刚好用的是vueboilerplate来做开发，所以直接改配置就能做到压缩：找到config/index.js找到productionGzip:false将false改为t
Doyle·2018-08-30 00:00

前端优化：DNS预获取dns-prefetch

源文：https://www.cnblogs.com/lhm166/articles/6073787.html一般来说，在前端优化中与DNS有关的有两点：一个是减少DNS的请求次数，另一个就是进行DNS
chs007chs·2018-08-24 11:39

常见的web性能优化方法

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优
danglina123·2018-08-13 15:11

前端优化系列 - H5存储及优化

摘要：数据存储在性能优化中扮演着极其重要的角色，H5相关的存储非常多，本文详细介绍各种存储的特点和相关优化实践。前言数据存储在性能优化中扮演着极其重要的角色。存储类型，存取策略，存储命中率，等等，往往都会影响页面的实际性能。CPUCache有多级缓存机制，浏览器有MemoryCache机制，服务器有CDN缓存，这些都为了更大程度的提升性能。本文详细介绍与H5页面相关的存储，以及可能的优化思路。常见
阿里云云栖社区·2018-08-08 00:00

前端优化之资源加载

一、CSS、JS的装载与执行html页面加载渲染的过程特点：1、顺序执行、并发加载一个域名并发加载有限制，利用多个CDN域名词法分析并发加载并发上限2、是否阻塞csshead中阻塞页面的渲染css阻塞js的执行css不阻塞外部脚本的加载直接引入的js阻塞页面的渲染js不阻塞资源的加载js顺序执行，阻塞后续js逻辑的执行3、依赖关系页面渲染依赖于css的加载js的执行顺序的依赖关系js逻辑对于dom
徐念安·2018-08-06 13:09

25个前端难点（转）

1、web前端优化机制？
聚散飘渺·2018-07-16 20:46

前端优化 从10s到1s

转载自子木，链接https://segmentfault.com/a/1190000015052545压缩合并对于前端性能优化自然要关注首屏打开速度，而这个速度，很大因素是花费在网络请求上，那么怎么减少网络请求的时间呢？减少网络请求次数减小文件体积使用CDN加速所以压缩、合并就是一个解决方案，当然可以用gulp、webpack、grunt等构建工具压缩、合并JS、CSS压缩合并例如：gulpjs、
有梦想的鲨鱼·2018-07-11 22:04

前端优化——节流函数

节流函数在短时间多次触发某个函数的场景下，对执行函数进行节流，节省无效浪费1.使用场景如上图场景下，每当改变搜索框内的内容时，都会实时进行Ajax请求，并把响应数据渲染到页面，，用户为输入想要搜索的内容可能需要多次输入，每次都去请求会造成一些不必要的浪费所以应在源头写一个节流函数，当在预定的时间内多次改变搜索框内容时，只对最后一次输入的结果进行请求exportfunctiondebounce(fu
小健·2018-07-10 00:00

dns-prefetch、prerender、prefetch的理解

前端优化选项DNS预获取DNSprefetch，即DNS预获取。前端优化中与DNS有关的两点：一个是减少DNS的请求次数，另一个是进行DNS预获取。
JLinZen·2018-07-09 18:47

前端性能优化方法总结

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
七凉可以不悲伤·2018-06-29 10:49

dns的预解析

DNSPrefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与DNS有关的有两点：一个是减少DNS的请求次数，另一个就是进行DNS预获取。
codeingant·2018-06-05 14:46

Webpack中雪碧图插件使用详解

这种情况不符合被广泛遵循的雅虎军规“尽量减少HTTP请求数”的要求（雅虎前端优化的35条军规）。
xuweijian·2018-05-25 14:17

浅谈雅虎前端优化的35条军规

可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。
咸鱼老弟·2018-05-22 16:25

出现net::ERR_CONNECTION_REFUSED问题，前端优化

在一次测试中，请求后台数据报net::ERR_CONNECTION_REFUSED的错误。我的这次具体失败的原因是因为请求地址错误的原因。能导致这个问题的原因有很多种，也有可能是网络原因等等…产生这个错误最归根揭底的原因就是ajax请求失败；当时做的登陆功能的测试，在页面上反应是点击登陆后，没有任何反应，用户体验非常的不好面对这种情况，如果在ajax请求时再做出一层的判断，在ajax请求不成功的情
喵大嗷·2018-05-08 13:36

WEB前端如何优化？

前端优化是复杂的，针对方方面面的资源都有不同的方式。
leyou319·2018-04-23 14:59

web-性能优化

序言：由于个人网站的博客没有阅读量，哈哈哈，就将所有博客移步到思否上面，同时也有人指出我的错误，让我能够发现我的问题，及时改正，不多bb...正文：对于每个前端程序猿来说，前端优化是一个大问题。
Winer·2018-04-16 00:00

Angular4 体积优化

图书馆项目前端优化方案使用命令：ngbuild–prod使用gulp进行图片，css，js压缩使用nginx开启gzip压缩Angular4升级到angular5进行压缩1.使用命令1npminstall
王雪芬-Judy领袖·2018-04-04 20:13

javaEE性能优化

一、前端优化影响页面性能的因素很多；1、页面请求Http数量。
jiandequn·2018-03-20 16:00

前端优化清单（一）：之首屏优化

前端性能优化清单：前端优化项优化内容备注首屏首屏优化到0.5-2s，前端优化首选。优化切入口，目标<2s内容图片、JS、Script、Flash等元素是页面和应用的主要构成，也是前端优化的重点。
单通·2018-03-18 00:00

前端优化（提高网页的加载速度）和缓存设置方法

前端优化（提高网页的加载速度）1、使用csssprites，可以有效的减少http请求数2、使用缓存3、压缩js，css文件，减小文件体积4、使用cdn，减小服务器负担5、懒加载图片6、预加载css，js
WilliamCha_8c18·2018-03-15 19:59
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他