前端优化es6webpack

前端优化的积累

1、关于reflow与repaint的解释：http://www.jianshu.com/p/2a85de4240342、图片优化日常工作中，存放图片通常有2个途径：1、存在线上的云存储中。2、存于本地。具体操作建议：1、平台频繁使用的图片资源放在本地img文件夹里存储，反之请给dataurl有个比较典型的案例：例如实时通信中的表情包资源，请看代码letemojiBaseUrl=`https://
Ann_l·2020-02-17 04:12

前端优化之六：避免大型、复杂的布局和布局抖动

布局是浏览器计算各元素几何信息的过程：元素的大小以及在页面中的位置。根据所用的CSS、元素的内容或父级元素，每个元素都将有显式或隐含的大小信息。此过程在Chrome、Opera、Safari和InternetExplorer中称为布局(Layout)。在Firefox中称为自动重排(Reflow)，但实际上其过程是一样的。与样式计算相似，布局开销的直接考虑因素如下：需要布局的元素数量。这些布局的复
蟹老板爱写代码·2020-02-16 21:37

2016.4.1.Task1

写好页面，写好交互，写动态效果，写好框架做好产品浏览器兼容做好前端优化······作为前端需要学习多种知识，掌握很多技能。
韩佳宁·2020-02-16 02:00

前端优化之三：详解http缓存

转载自https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信，这会延迟浏览器获得和处理内容的时间，还会增加访问者的流量费用。因此，缓存并重复利用之前获取的资源的能力
蟹老板爱写代码·2020-02-15 11:30

vue11----前端优化、路由懒加载（异步组件）、keep-alive、localStorage二次封装、vue-lazyload图片懒加载、mint-ui、封装加载loading条、axios请求x-www

###优化1、加载速度的优化①雪碧图---->base64、iconfont②代码压缩③图片视频压缩④cdn缓存⑤路由懒加载（异步组件）首页引入的大文件进行分批次引入2、运行效率优化①减少http请求，页面打开之后基本不涉及到数据更改正常的组件切换的时候执行创建和销毁，加上keep-alive后，组件保存到缓存中，不会执行创建和销毁。②数据本地化（localStoragesession（可以用ke
吴小明的博客·2020-02-15 03:00

前端优化页面打开速度

本文总结了前段时间针对前端开发后，进行的一系列优化速度过程进行总结，重点说明http协议以及针对nginx的配置；web页面优化方法css，js等的优化方法尽量使用cdn中的css，js；浏览器同一个域名最大并发连接为6个，如果访问自己服务器上的资源，占用了并发连接数；延迟了后面数据的加载使用defer属性，异步加载script优化图片加载使用雪碧图或者延迟加载图片开启nginx的压缩server
日月神父·2020-02-15 01:50

Ifoods Chain 2019年9月第一个工作双周报

IfoodsChain公链研发动态1.检测系统后端系统:引入sso多账户session接口；2.检测系统后端系统:SSPA检测模型前端优化；IfoodsChain公链平台动态IfoodsChain公众号在完成回顾之旅后
Ifoodschain食安链·2020-02-14 03:40

前端优化学习

简单花了一些时间看了几篇前端优化的文章，文章作者写的都很详细。从中学到了不少东西。在这里就不班门弄斧的多讲了。只是在几篇文章的基础上一个小小的总结。
VioletJack·2020-02-13 19:06

face 29高并发大流量

恶意请求1.根据referer判断处理2.判断签名判断是否合法niginx模块ngx_http_referer_module用来阻挡非法访问展示不属于本站的资源：常用小站盗用大战的图片音乐视频软件等资源前端优化
谢凌·2020-02-12 04:13

前端优化之骨架屏探索

首屏渲染问题首屏渲染问题一直单页面应用的问题，如果网速慢或者服务器响应慢的话，页面没有做一些交互处理，就会出现长时间白屏状态。我以前的做法是加loading进行简单的交互，随着技术的不断迭代更新，传统菊花图并不能满足当下交互的需求，于是FaceBook等大公司又用到了一些较好交互技术。概念骨架屏技术主要有两种实现方式：在数据没有渲染到页面之前，绘制响应的图形，将要渲染页面的DOM元素进行占位，类似
Chris_Ping·2020-02-05 04:19

Web前端开发高级前端技术（高级开发程序篇）

说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化
达达前端·2020-02-01 06:05

js函数防抖和函数节流

是前端优化性能的一种手段。一、概念1.函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
冰雪_666·2020-01-19 18:26

Yslow性能测试前端调优23大规则(11)避免重定向

性能测试前端优化URL重定向（Redirects），也称为URL转发，是一种当实际资源，如单个页面、表单或者整个Web应用被迁移到新的URL下的时候，保持（原有）链接可用的技术。
川石信息·2020-01-08 13:33

手移H5前端优化及创意功能排坑技巧

原文链接移动互联网的发展迅猛，无论在移动游戏、手机购物、各种O2O的方式，都有各种变革；手设备硬件和系统不断升级和改进对HTML5的支持也越来越好，更多的创意效果在移动设备上得到了支持，更多的创意页面也闪亮的出现在我们眼前~~！而创意的页面除了设计上的视觉表现外对于前端开发者来说存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（俗称：BUG或坑）~于是就与大家伙一起分享关于移动端H
revert·2020-01-07 18:10

前端优化

一、页面/文件级优化1、减少HTTP请求数解决方法：1）设置缓存2）css、js、img等静态资源合并压缩（vue的项目有压缩css和js）3）懒加载图片（不是真正意义的减少请求数，但可以使首屏加载更快，间接达到目的）2、css文件置顶、js文件置底3、常用静态文件使用CDN引用（减少带宽占用；目前是后台在做）4、图片压缩（目前是UI在做）5、确保服务器提供ETag认证令牌，当服务器上的资源没有改
Adoins·2020-01-07 12:00

开发管理·编码规范技巧

系统部分功能解耦重构前端优化例子:https://blog.csdn.net/osdfhv/article/details/78729327原则:分期优化,不影响现有功能中进行,持续优化部分功能的解耦，
jkCodic·2020-01-07 03:24

前端优化 —— 函数的节流和防抖

原文出自：https://www.pandashen.com前言在前端开发当中我们经常会绑定一些事件触发的某些程序执行，有时这些事件会连续触发，如浏览器窗口scroll、resize，输入框的keyup、input，以及click事件在连续点击时连续发送请求等等，这些情况有些会严重影响前端性能，有些会增加服务器压力，使用户体验大打折扣，而函数节流和防抖就是为了解决这样的问题。函数节流throtte
PandaShen·2020-01-07 01:50

浅谈前端性能优化（PC版）

这里PC端和移动端分开说了，业务场景不同，需要考虑各自的优化手段目前来看，前端优化的策略有很多，主要包括网络加载，页面渲染，CSS优化，JS执行优化，缓存，图片，协议几大类
_萌新·2020-01-06 00:02

YAHOO 35条前端优化建议

Yahoo!的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳：BestPracticesforSpeedingUpYourWebSite，ExcetionalPerformance团队总结出了一系列可以提高网站速度的方法。可以分为7大类
拉风的老衲·2020-01-04 19:01

WebAPP移动前端性能优化规范和设计指导

关于Web前端优化，作为一名前端工程师肯定明白。
老夫的天·2020-01-04 05:36

Webpack中雪碧图使用详解

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

前端性能和优化

简介前端优化的目的是什么?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
JuanitaLee·2020-01-03 23:12

每日干货：HTML5中SVG的使用

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

前端优化 —— 函数的节流和防抖

参考https://www.pandashen.com/2017/06/12/20170612130942/前言在前端开发当中我们经常会绑定一些事件触发的某些程序执行，有时这些事件会连续触发，如浏览器窗口scroll、resize，输入框的keyup、input，以及click事件在连续点击时连续发送请求等等，这些情况有些会严重影响前端性能，有些会增加服务器压力，使用户体验大打折扣，而函数节流和防
老鼠AI大米_Java全栈·2019-12-31 20:39

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

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。此外，在使用JavaScript时，人们通常喜欢用异步脚本加载。这会阻止标签在HTML中的呈现过程，如，在文档中间的情况。虽然对于网页设计师来说，HTML是最值得使用的工具之一，但它
Mx勇·2019-12-31 09:51

高质量文章（长期更新）

http://www.cnblogs.com/2050/p/3877280.html2.yahoo35条前端优化https://github.com/creeperyang/blog/issues/13
David三人行·2019-12-31 06:27

前端优化

1.减少HTTP请求一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这些数据解释执行。网速相同的条件下，下载一个100KB的图片比下载两个50KB的图片要快。所以，请减少HTTP请求。解决办法：合
嘤嘤嘤998·2019-12-28 14:06

前端性能优化

tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。
流动码文·2019-12-28 13:20

移动端浏览器前端优化策略

相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。首先，在移动端Web的前端页面渲染中，桌面浏览器端上的优化规则同样适用，此外针对移动端也要做一些极致的优化来达到更好的效果。需要注
一本书一段情宁缺毋滥·2019-12-27 08:24

关于web端的优化

Web前端优化最佳实践及工具集锦发表于2013-09-2319:47|34107次阅读|来源Googe&Yahoo|124条评论|作者王果编译Web优化Google雅虎PageSpeedYSlow摘要：
舟渔行舟·2019-12-26 08:04

前端优化: DNS预解析提升页面速度

在网页体验中我们常会遇到这种情况，即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢？一般来说这种延时的原因不会是对方网站带宽或者负载的原因，那么到底是什么导致了这种情况呢。湛蓝试着进行推测，假设是DNS的问题，因为DNS解析速度很可能是造成资源延时的最大原因。于是湛蓝在页面header中添加了以下代码（用以DNS
Simon王小白·2019-12-25 14:38

网站优化

网站优化前端优化合并js，css，图片等资源，减少http请求次数开启http缓存使用CDN缓存资源和静态页面，CDN最好使用独立域名（防止cookie占用流量，一个域名浏览器有并发请求限制）css放在文件头部
大头8086·2019-12-25 00:23

前端性能优化学习记录

前端优化是复杂的，那么前端优化的目的是什么？1.从用户角度：页面加载速度变快，用户体验更好。2.从服务器角度：减少页面请求，减小请求带宽，能够节省可观的资源。
无欲而为·2019-12-21 03:07

DNS预获取 dns-prefetch

DNSPrefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与DNS有关的有两点：一个是减少DNS的请求次数，另一个就是进行DNS预获取。
taoxhsmile·2019-12-20 18:25

更快速将你的页面展示给用户[前端优化篇]

更快速将你的页面展示给用户[前端优化篇]现在许多公司往往注重后端优化，而忽略了前端优化想想如果辛苦优化了服务器，后台，排查了sql却在最后页面加载展示的时候很慢，也得不偿失其实，前后台优化都是相辅相成的后台优化好了
落雨飞尘·2019-12-20 04:33

几种常见的基础前端优化方式

这篇文章算是最近学习前端优化时的一点心得，为了对比强烈降低了CPU性能,文中代码在github上也有一部分。
cvSoldier·2019-12-19 21:22

14条 前端优化准则

1、减少http请求；csssprite图片转base64，其实文本比图片体积大目前不推荐使用该方案；2、使用CDN一般来说对与企业不是前端所要关心的事情，都是架构师来去做这方面的事情；技术原理：服务器内容网络分发——（把服务器放到离访问者跟进的位置）3、添加Expires头告诉你的浏览器我们这个东西会什么时候过期；不添加的话浏览器认为是即时过期访问之后就消除；一般是后端关心的问题；4、压缩组件比
cca1000·2019-12-19 10:57

前端优化之Pre技术简介

Pre技术：预加载技术。提供在不影响当前页面情况下，浏览器预加载资源的性能优化方案。比较出名的Pre是dns-prefetch，用于告知浏览器预先获取指定的域名的DNS，以便在使用时可以减少DNS查找。除了dns-prefetch外，还有几个“不出名”的Prer技术，本文将对现有的几个Pre技术做一个简单的介绍，这些技术都是使用link标签定义。DNSPrefetch就是上述提到的，用于告知浏览器
VeeQun·2019-12-19 05:46

前端优化之渲染层面分析

前端优化的话主要分为页面渲染，css优化，js优化，图片，网络请求几类。这篇就对除了网络请求之外的优化分析一波。
七六丶·2019-12-19 02:43

前端性能优化的14个规则

规则01：尽量减少HTTP请求前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片
Leisure_blogs·2019-12-17 22:27

雅虎前端优化35条规则翻译

本文是大名鼎鼎的雅虎前端优化规则（Yslow）的翻译。翻译并不逐字逐句，部分难以逐字翻译的被意译了，另外一些不重要的举例等也被精简。
范小饭_·2019-12-16 19:08

前端性能优化

本文将从减少http请求次数、减少单次请求资源大小、渲染优化、资源加载优化等四个大方向，下分诸多小方向，全面总结常用前端优化方法。
滑稽zlx·2019-12-15 11:00

前端优化不完全指南(转载)

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

前端优化

1，方法级别雅虎军规FIS32，架构级别bigpipe（Facebook优化）1，技术优化出发点（解耦）（1）复用（维护性、开发成本）前端复用：1）文件复用：js、css、html(错误页面)、媒体文件ps:css--button在标准浏览器下有黄边，在IE下没有，reset.css2）后端复用通用接口；UI模块复用；通用API复用；（2）加载方式（提升用户体验）（网络层和文件加载顺序方面）同步加
BugMyGod·2019-12-12 17:47

前端优化

前端优化的途径页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等；代码级别的优化，例如Java
前端一菜鸟·2019-12-11 23:35

浅谈前端优化的那些事

前端优化方面的一些事情，也算是老生常谈了，不论是开发er面试中，或者是实际项目中，都是应该掌握的，本文将就作者本身所知晓的一些地方来和大家谈谈前端优化的几个点，如有错漏，辛苦补充与修改。
Frank_Dai·2019-12-08 07:14

web性能优化

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?
奶油小生Cc·2019-12-06 23:22

无聊想了个秒杀的架构设计

业务需求，秒杀iphone，库存10台，同时参与秒杀人员100w，不讨论前端优化（如产品信息缓存，脚本合并等）解决方案：N台前端web服务器，redis服务器1台，数据库服务器1台主要思路就是使用redis
brightwang·2019-12-06 22:56

前端优化之雅虎(Yahoo)军规14条规则

相信很多人都听过优化网站性能的雅虎军规14条规则，下面就详细介绍一下这14条规则的优化吧image第一条、尽可能的减少HTTP的请求数（MakeFewerHTTPRequests）http请求是要开销的，想办法减少请求数自然可以提高网页速度。常用的方法，合并css，js（将一个页面中的css和js文件分别合并）以及Imagemaps和csssprites等。当然或许将css，js文件拆分多个是因为
神秘者007·2019-12-01 03:58

前端优化——预加载篇

1.什么是预加载资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。2.为什么要用预加载在网页全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载技术的页面就会长时间的展现为一片空白，直到
一个懒人a·2019-11-30 02:48
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他