前端优化es6webpack

前端性能优化之----静态文件客户端离线缓存_20191110

文章链接：将webpack打包优化到极致_20180619前端优化是无止境的，这篇文章主要介绍我在前端工程化方面对项目优化的一些探索和经验总结。
zhiqiang21·2019-11-10 15:24

前端性能优化（摘录汇总）

PC浏览器前端优化策略pc端优化的策略很多，如Slow(YSlow时Yahoo发布的一款Firefox插件，现Chrome也可以安装，可以对网站的页面性能进行分析，提出对该页面性能优化的建议。)
姒沝無痕·2019-11-08 15:09

Java Web 前端高性能优化（二）

压缩等方面介绍前端性能优化问题（详见JavaWeb前端高性能优化（一)）本次我们主要从图像BASE64编码、GZIP压缩、懒加载与预加载以及OneAPMBrowserInsight的定位分析功能四个方面介绍前端优化方法二
OneAPM·2019-11-07 17:35

浏览器性能问题

下面两篇文章只介绍了更多关于前端优化的方法。
web前段求应聘·2019-11-03 17:57

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

转载自：http://web.jobbole.com/82197/前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。![前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。
吾爱真理更爱葛巾·2019-11-02 14:25

常见的web性能优化方法

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
build1024·2019-11-02 00:51

前端优化

前言基本HTML加载，需要20ms左右Nginx配置，关闭keepalive、etag、gzip、if_modified_since协议：HTTP/1.1浏览器：Chrome减少HTTP请求加载未合并外部css，需要35ms左右加载合并外部css，需要25ms左右两个合并后的css，加载减少了10ms，如果将页面所有的css、js、图片（CSSsprites）合并，减少的时间将很可观。DOM以及C
SexyPhoenix·2019-10-31 10:00

图片较多时要提高网页加载速度

懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验。图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。
年轻即出发·2019-10-28 13:51

前端优化--使用JavaScript添加交互

接本系列「关键渲染路径」「阻塞渲染的CSS」，浏览器大致经过了：构建DOM树、构建CSSOM树、构建渲染树、布局、绘制五个步骤。CSS的渲染是阻塞的，除了上篇讲述媒体查询可以只让CSS先加载后渲染，还有什么影响着CSS渲染呢？这里主要简述，JavaScript对DOM及CSSOM影响相关！JavaScript允许我们修改网页的方方面面：内容、样式以及它如何响应用户交互。不过，JavaScript也
奋飛·2019-10-24 09:34

优化页面访问速度（四） ——前端优化

优化页面访问速度（四）——前端优化一、概述前端的优化，主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。
子钦加油·2019-10-19 19:00

优化页面访问速度（四） ——前端优化

优化页面访问速度（四）——前端优化一、概述前端的优化，主要可以通过减少HTTP请求、非实时请求改异步、缓存、文件压缩、CDN加速、独立图片服务器等。
子钦加油·2019-10-19 19:00

vue + webpack 前端性能优化

影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。所以这篇文章中对我平时用的优化方
Allie1995·2019-10-16 12:49

优化 web 应用程序性能方案总结

而大部分的前端优化机制都已经被集成到前端打包工具webpack中去了，当然，事实上仍旧会有一些有趣的机制可以帮助web应用进行性能提升，在这里我们来聊一聊能够优化web应用程序的一些机制，同时也谈一谈这些机制背后的原理
jump__jump·2019-10-14 22:20

前端优化--阻塞渲染的CSS

接上一篇「关键渲染路径」，浏览器大致经过了：构建DOM树、构建CSSOM树、构建渲染树、布局、绘制五个步骤。这里主要简述，构建CSSOM相关！默认情况下，CSS被视为阻塞渲染的资源，这意味着浏览器将不会渲染任何已处理的内容，直至CSSOM构建完毕。请务必精简您的CSS，尽快提供它，并利用媒体类型和查询来解除对渲染的阻塞。在渲染树构建（可查看上篇文章）中，我们看到关键渲染路径要求我们同时具有DOM和
奋飛·2019-10-12 09:06

VUE Base64编码图片展示与转换图片

图片的base64编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址，使用base64传输图片文件可以节省一个http请求，图片的base64编码可以算是前端优化的一环VUEBase64
95.8℃·2019-09-24 12:00

关于编写性能高效的javascript事件的技术

几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案
·2019-09-23 19:27

前端面试之 语录：

前端面试之语录：《JavaScript高级程序设计》——事件模型，盒子模型，闭包，原型前端优化，雅虎那几十条算法——快速排序在写页面的时候遇见的兼容性问题5、问你项目中的，与前端有关的，不会的不要写6、
ali是个小太阳·2019-09-18 14:17

分享Web性能的前端优化技巧

这是一篇讲述帮助、改善优化前端的技术，对于前端人员是十分有用的知识。主要内容有清理代码、压缩图片、压缩外部资源以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。一、清理HTML文档HTML，即超文本标记语言，几乎是所有网站的支柱。HTML为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的HTML5中，甚至可以创建图表。HTML很容易被网络爬虫识别，因此搜索引擎可
Debug_info·2019-09-17 14:51

前端性能优化指南

性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说，前端
给时光以生命·2019-09-11 11:00

秒杀系统设计总结

前端优化方案:举个例子：如果1m带宽等于128kb
Art&Code·2019-09-04 00:00

秒杀系统设计总结

前端优化方案:举个例子：如果1m带宽等于128kb
toov5·2019-09-04 00:00

JVM(十三):后端编译优化

JVM(十三):后端编译优化在JVM(一)：源文件的转变中我们介绍了Java中的前端优化，即将Java源代码转换为字节码文件。
iceWang丶·2019-08-29 20:00

20190827BIGO一面总结

(1)前端优化相关：A.deferasync参考https://www.cnblogs.com/jiasm/p/7683930.html为了解决的问题：第三方脚本的延迟等问题导致白屏两者都不会阻塞DOM
ljs_coding·2019-08-28 10:45

20190827BIGO一面总结

(1)前端优化相关：A.deferasync参考https://www.cnblogs.com/jiasm/p/7683930.html为了解决的问题：第三方脚本的延迟等问题导致白屏两者都不会阻塞DOM
ljs_coding·2019-08-28 10:45

前端优化之 Http 相关优化总结

学习和总结文章同步发布于https://github.com/xianshanna...，有兴趣可以关注一下，一起学习和进步。Http优化方式是前端性能优化的重要部分，也是前端必备的知识点之一。减少静态资源文件大小这个是最根本的途径，假设真的有个10几兆以上的静态资源文件，不减少大小的情况下，即使优化做到了极致，用户体验也好不了哪里去。如果整个网页就2KB大小的资源文件，不优化都很快。代码层优化只
格西南·2019-08-28 00:00

腾讯前端面试题相关知识点集锦

基础知识prototype和proto的关系是什么metaviewport原理域名收敛是什么float和display：inline-block；的区别前端优化策略列举首屏、白屏时间如何计算闭包作用域链
BYY0105·2019-08-27 14:03

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

资源压缩减少HTTP请求静态资源压缩html：压缩空格、换行、注释等字符Webapack—html-webpack-plugincss：无效代码删除，语义合并（相同样式代码）Webpackcss-loaderjs：无效字符删除、剔除注释代码语义的缩减和优化Webpack—UglifyJSPlugin图片优化方案：雪碧图小文件使用base64webpackbase64-inline-loader图片
chaumet·2019-08-21 00:00

前端面试每日 3+1 —— 第123天

[js]分析('b'+'a'++'a'+'a').toLowerCase()返回的结果[软技能]你了解雅虎前端优化的35条军规吗？你能说上几条？
浪子神剑·2019-08-17 00:00

「JavaScript」项目方面的一些问题

前端优化总结前端优化一直是一个值得关注的话题。
ybrelax·2019-07-31 22:59

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

移动端的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端可用计算资源和网络资源极为有限，所以要做好移动端上的优化往往需要做更多的事情。网络加载类首屏数据请求提前首屏数据请求提前，避免在JavaScript加载完成后才去后端请求数据。通常数据请求是页面内容渲染中关键路径最长的部分，而且不能并行，所以如果能将数据请求提前，可以很大程度
花生小龙虾·2019-07-15 16:12

OPPO一面面经

前端优化有哪些方法改变this指向有哪些方法bind()的返回结果是啥作用域讲一下Vue双向数据绑定的原理移动端的自适应怎么做的rem和em的区别深拷贝是什么样的promise和setTimeout有啥区别
没了提心吊胆的稗子·2019-07-15 16:32

漫谈网站优化提速

本篇文章只涉及前端优化，暂不涉及后端操作，默认后端能抗住所有访问，算力无限大，响应时间无限小。因为加上后端的话，这个命题不是短短的几篇文章搞的定的，大多数都要依据具体的业务来确定。
极客挖掘机·2019-07-15 08:00

4年来的前端性能优化常用总结

正文前端优化层出不穷
这个前端不太冷·2019-07-12 16:21

JS实现图片懒加载

JS实现图片懒加载懒加载技术懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验，图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。
-零·2019-07-08 21:00

【前端优化】js图片懒加载及优化

一、前言为啥要对图片使用懒加载？我们首先来聊聊这个问题，对于页面来说架子啊速度影响着最大的就是图片，一张普通的图片可以达到4-5M的大小，而代码压缩也就只有几十KB。当页面图片过多的时候，页面加载速度很缓慢，一个页面加载几秒没有完成，用户体验不好，会丧失很多用户的。所以对于图片过多的页面，可以为了加速页面加载速度，很多时候我们需要将页面内未出现的可视区域内的图片先不加载，等到滚动到可视区的时候录再
saucxs·2019-07-05 09:00

【JavaScript系列】vue项目中实现滚动条（具体视窗口的滚动条）操作：（1）置底，（2）置于上次停留的位置

然后最近在给happyChat做前端优化和升级。发现第一版做的很low。需要优化的问题：1、问题1：滚动条会出现在头部和底部的视窗中，之前固定头部和固定底部是使用`position:fixed`。
saucxs·2019-07-05 00:00

Web前端优化性能的方法

Html部分1.语义化HTML：好处在于可以使代码简洁清晰，支持不同设备，利于搜索引擎，便于团队开发；2.减少DOM节点：加速页面渲染；3.给图片加上正确的宽高值：这可以减少页面重绘，同时防止图片缩放；4.防止src属性和link的href属性为空：当值为空时，浏览器很可能会把当前页面当成其属性值加载；5.正确的闭合标签：如避免使用，浏览器会多一个将它解析成的过程；6.链接为目录或首页的地址后面加
泉泉泉泉泉泉·2019-07-04 21:56

运维知识体系------运维人员确定好自己的方向

www.unixhot.com/运维架构层级/运维角度内容描述/主要技术关键词监控体系自动化/DevOps云计算客户端层浏览器Cookie作用域、浏览器缓存协商（Last-Modified、Expires、Etag）、组件分离、前端优化
DanChen1981·2019-07-04 15:46

javascript图片懒加载 | javascript图片预加载

js懒加载意义懒加载（LazyLoad）是前端优化的一种有效方式，能极大的提升用户体验，图片加载是其重点，如果加载图片过多将大大增http请求次数或大小，然而更多时候用户并不会浏览到全部加载进来的图片，
我今天特别乖·2019-07-02 08:25

前端优化

前端优化CSSSprites是一种网页图片应用处理方式，就是把网页中一些背景图片整合到一张图片文件中，再利用css图片的一些属性进行背景定位CDN使用缓存，http缓存Angular的打包优化，如引用moment
I_am_a_Bug_6·2019-06-10 20:23

WEB前端优化技巧

当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。1.清
fannnnnn·2019-06-10 09:28

前端优化总结

以前那些优化技巧就不说了，自己找度娘或谷哥一大把（搜索前端优化）。
施天助·2019-05-27 06:47

高并发解决方案案例

并发解决方案案例一、前端优化1、防盗链处理把一些恶意的请求拒之问外。
枸杞哥·2019-05-17 18:56

聊聊关于性能优化和其他（一）

聊聊关于性能优化（一）隔了许久都没有更新博客，前一阵子是因为忙其他事去了，现在想写点什么，但是思前想后不知道该写些什么，这是这个系列的第一篇，这篇文章没有干货，只是聊聊关于前端优化，关于5G的到来，关于前端的未来
梁音·2019-05-16 15:00

高并发系统的瓶颈与优化总结

二、高并发系统的优化方案1.前端优化：对于可以造成高点击量的按钮采取适当的优化，例如秒杀按钮，可以限制只能点击一次，点击之后按钮禁用。
a524274865·2019-05-15 14:00

前端优化

链接：前端优化前端优化浏览器发送HTTP请求，服务器收到请求全文后，返回HTTP响应，在浏览器接收之后结束这个过程。
whjin·2019-05-07 00:00

高并发解决方案

流量优化：防盗链前端优化：减少http请求添加异步请求启用浏览器缓存和文件压缩cdn加速建立独立图片服务器服务端优化：页面静态化并发处理(比如多线程、多进程)队列处理数据库优化数据库缓存(redis、memcache
梁十八·2019-04-30 22:30

前端理论面试-优化吹水篇

前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的
Smallbore·2019-04-28 17:34

[前端优化]基于H5移动端优化总结

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

CDN配置教程

CDN全称内容分发网络，通常我们使用它来进行前端优化，那么废话少说，接下来我将通过腾讯云来配置CDN。配置教程准备工作配置CDN首先需要拥有一个域名，腾讯云域名需要备案。
天阴雨湿·2019-04-23 15:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他