前端优化

Webpack中雪碧图使用详解

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

页面优化与模块化

页面优化与模块化这些关于前端优化、模块化的内容，我向来是不会去记的，因为在实际项目中碰到需要性能优化，很自然就会去查找这方面的解决方案。或者说要在编写程序的过程中就要考虑到这些准则。
whjin·2020-08-22 10:54

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

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

[前端优化] 使用Combres合并对js、css文件的请求

在前端优化的各种金律铁规中，“减少客户端对资源的请求”都会在其中出现，刚好最近对网站做一些优化，使用了一下Combres组件，有点心得，遂整理成文。
Parry·2020-08-22 02:49

前端优化35黄金准则

转自http://www.360doc.com/content/14/0325/14/15727046_363598248.shtmlYahoo!的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。ExcetionalPerformance团队总结
吥哩吥哩左卫门·2020-08-21 14:13

浏览器缓存带来的前端项目更新问题及解决方法

答案是浏览器缓存浏览器缓存是前端优化的一个重要问题，缓存可以带来很多好处：（1）减少冗余的数据传输，节省带宽；（2）减轻服务器的请求负担，有缓存就可以少向服务器发送请求，尤其是对于一些访问量大的网站这点
feiyu_may·2020-08-21 14:38

前端优化（一）：开启nginx gzip压缩

来和我一起开启前端优化之路吧！我着重从几个方面入手整理：整理项目，清除冗余文件。卸载未用到的npm包。去除未用到的文件。抽取公用组件和方法，去掉重复的代码。
janyxh·2020-08-21 04:54

前端优化的一些地方(JS/CSS/图片)

最近翻了翻，总结一下一.督促你的客户选用更快的浏览器，这样才能体验到更快的加载速度！具体什么的就不说了，上一张图，下图为Gomez收集了200个网站的18.6亿个别值，时间范围为1个月，得出的真实上网环境中的数据。图中蓝色代表网页加载速度，绿色代表渲染时间。二.Javascript的优化1.用Firebug查找执行消耗时间最长的Javascript函数。可通过Firebug控制台中的概括叶卡，查看
侑子的小伙伴·2020-08-21 01:39

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

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

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

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

浏览器缓存机制剖析

缓存一直是前端优化的主战场,利用好缓存就成功了一半.本篇从http请求和响应的头域入手,让你对浏览器缓存有个整体的概念.最终你会发现强缓存,协商缓存和启发式缓存是如此的简单.导读我不知道拖延症是有多严重
louiszhai·2020-08-20 20:50

浏览器缓存机制剖析

缓存一直是前端优化的主战场,利用好缓存就成功了一半.本篇从http请求和响应的头域入手,让你对浏览器缓存有个整体的概念.最终你会发现强缓存,协商缓存和启发式缓存是如此的简单.导读我不知道拖延症是有多严重
louiszhai·2020-08-20 20:50

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

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

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

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

实战高并发秒杀实现（3）：基于Token令牌桶+MQ实现修改库存

一、理论基础1.1、前端优化使用动静分离、将静态资源存放到第三方文件服务器中实现cdn加速，目的减轻秒杀抢购带宽当用户点击秒杀按钮的时候，应该将按钮disabled防止重复提交使用复杂的图形验证码防止机器模拟秒杀详情页面
V瑞·2020-08-20 06:08

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

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

web性能优化

Web性能优化，是前端优化的终身命题！
Du_三木·2020-08-18 23:42

2018前端现场第一次面试总结

记第一次现场面企业属性微型企业（外包软件公司50人规模）上来就是hr给一份试卷，一份个人信息填写试卷有前端笔试10道题，个人信息[笔试1人]前端优化css实现各种居中至少两种清除浮动的方式解释jsonwebstroragejq
weixin_33904756·2020-08-18 22:52

Web前端优化初探，小弟抛砖引玉，期待高手共破难关！

前言其实没想过写前端优化这篇文章来的，因为我自知现在水平达不到这个高度！但是，你知道面试官很烦的，他每次面试非要问你浏览器兼容与前端优化......，所以我又不得不在这两个上面做一定研究。
weixin_33692284·2020-08-18 09:30

HTML5如何使用SVG

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

前端优化-滚轮事件

1.滚轮相关事件事件类型事件对象是否标准化兼容性mousewheelMouseWheelEvent非标准化只有Firefox不支持DOMMouseScrollMouseScrollEvent非标准化只有Firefox支持wheelWheelEventDOMLevel3Firefox17+/ie9+wheel事件详细内容：wheel事件2.通用滚轮事件（wheel）浏览器类型evt.wheelDel
mfind_千一·2020-08-18 05:55

JS图片懒加载技术实现过程解析

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

深入理解Java虚拟机----（九）程序编译和代码优化

可以说后端优化提高了运行效率，前端优化对于编码更加密切。javac编译过程可大致分3步：解析与填充符号表插入式注解处理器的注解处理分析与字节码生成：语义
end·2020-08-17 07:47

面向.Net程序员的前端优化

背景作为web开发人员大家大多了解一些网站的性能优化方法，其实大部分方法都不复杂,例如针对前端js和css的压缩来减少请求大小，通过合并来减少请求次数。这里站在.Net后端程序员的角度来看一下如何最简单快捷的处理这一类需求。全文分3节combres，mvc4的Bundle，以及2者的对比和个人的意见观点。CombresCombres是一个.NET程序库，能够缩小，压缩，合并，以及缓存的JavaSc
__lhy·2020-08-17 06:46

前端优化

尽量减少HTTP请求减少DNS查找避免跳转缓存Ajxa推迟加载提前加载减少DOM元素数量用域名划分页面内容使frame数量最少避免404错误尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一
如_he·2020-08-16 20:44

浏览器渲染页面原理

页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验，特别是浏览器渲染页面的原理，页面渲染就是浏览器将HTML代码根据CSS定义的规则显示在浏览器窗口中的这个过程，理解了原理就更会容易理解前端优化的一些准则
diaoku2639·2020-08-16 12:00

从浏览器原理分析界面性能优化00

从浏览器原理分析界面性能优化00前言提到前端总是绕不开前端的性能优化部分,而前端性能优化的难点在于不成体系,需要我们在开发过程中去注意各种细节.最近这段时间在学习浏览器的原理的过程中,发现了很多知识点和我们的前端优化部分紧密相关
橘子骑士·2020-08-16 07:44

前端优化之减少HTTP请求

浏览器只有10%-20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%时间花在了下载页面中的所有组件进行的HTTP请求上。因此，改善响应时间最简单的途径就是减少HTTP请求的数量。HTTP请求从建立到关闭的步骤：1)客户端连接到Web服务器；2)发送HTTP请求；3)服务器接受请求并返回HTTP响应；4)释放连接TCP链接。这些步骤都是需要花费时间的，在网络情况差的情况下，花费的
新手前端王老四·2020-08-16 03:33

前端优化之快速响应用户界面(一)

我们在写一个网页的时候，可能会遇到这种情况，当数据过多的时候，可能会阻塞UI的渲染，导致给我们一种视觉感受，页面空白时间太长，这种情况怎么处理呢？浏览器UI线程用于执行javascript和更新用户界面的进程通常被称为“浏览器UI线程”。UI线程基于队列，任务会保存在队列中，直到队列空闲。一旦空闲，队列中的下一个任务就会被提出来执行，这些任务要么是js代码，要么是UI更新，然而我们每输入一个字符都
weixin_33919950·2020-08-16 02:30

前端页面优化：如何更快速将你的页面展示给用户？

现在许多公司往往注重后端优化，而忽略了前端优化想想如果辛苦优化了服务器，后台，排查了sql，却在最后页面加载展示的时候很慢，也得不偿失其实，前后台优化都是相辅相成的后台优化好了，响应请求速度快，前台展示的更迅速
程序员一木·2020-08-16 01:30

Web性能优化

一，前端优化的目的1)从用户角度，优化时候能够让页面加载更快，对用户的操作响应更及时，能够给用户提供更为友好的体验2)从服务商角度，优化能够减少页面请求，或者减少请求所占宽带，能够节省可观的资源优化的方面可以分为页面级别和代码级别二
2197·2020-08-16 01:36

vue + webpack 前端性能优化

影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。
weixin_33859504·2020-08-15 20:23

前端优化之JavaScript篇（持续更新）

事件节流（throttle）、防抖（debounce）事件节流（throttle）当页面监听滚动条触发回调函数时，如果不加以限制，在短时间内会触发很多次回调函数。非常影响页面性能。解决办法思路为，一段时间内只触发一次回调函数，事件节流则是在规定时间执行第一次的回调函数。//在delay时间内，只能触发一次函数。throttle(callback,delay){letlastTime,timer=n
蓝色六一·2020-08-15 19:15

前端优化（三）：使用dll打包抽取第三方js（DllPlugin DllReferencePlugin插件）

三、抽取第三方js，使用dll打包第一章内容：前端优化（一）：开启nginxgzip压缩第二章内容：前端优化（二）：使用路由懒加载本文继续前两章内容，继续讲解第三个前端优化方案：抽取第三方js。
janyxh·2020-08-15 18:33

前端优化——前端工程化

开了一个大前端技术交流群，也可直接加我微信入群（mokinzhao）背景与意义：早前前端的开发工作在一些场景下被认为只是日常的一项简单工作，或只是某个项目的"附属品"，并没有被当做一个"软件"而认真对待（无论是产品负责人还是开发者），都会有用完即丢的感觉，对于时间和成本的控制必然将导致最终产出倾向于出现"质量低"、"可维护性差"、"可用性差"等问题。随着Web业务日益复杂化和多元化，工程复杂了就会
Mokin_Zhao·2020-08-15 17:21

前端优化——性能提升

优化清单：1.路由模块按需加载2.组件懒加载3.Object.freeze()冻结不再变更的对象4.开启productionGzip压缩5.合理使用keep-alive保留组件状态,避免重新渲染6.v-if与v-show根据具体业务场景适当选取7.图片使用与加载优化8.大数据列表使用vue-virtual-scroll-list优化9.配置externals使库文件采用cdn加载具体措施：1.路由
Mokin_Zhao·2020-08-15 17:21

前端优化-WEB综合

开启gzip压缩gzip是GNUzip的缩写，最早用于UNIX系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome，firefox，IE等都支持该协议。常见的服务器如Apache，Nginx，IIS同样支持，gzip压缩效率非常高，通常可以达到70%的压缩率，也就是说，如果你的网页有3
Mokin_Zhao·2020-08-15 17:21

WordPress 全方位优化指南（上）

作为一个全面的WordPress性能优化教程，本文旨在帮助读者排查WordPress网站的性能问题，同时也提供网站前端优化加速的建议。
weixin_34187862·2020-08-15 00:03

WordPress前端优化 html代码压缩 提高加载速度

部署方法将以下代码粘贴到WordPress主题目录下的functions.php文件的最后一个?>之前即可。//压缩html代码functionwp_compress_html(){functionwp_compress_html_main($buffer){$initial=strlen($buffer);$buffer=explode("",$buffer);$count=count($buf
cuman·2020-08-14 22:17

Go-Iris框架实战之电商秒杀系统②核心优化

文章目录第9章系统分析&前端优化【核心优化方案落地9-2秒杀分布式架构设计页面静态化的几种方式9-9CDN原理和作用第10章服务端性能优化之实现cookie验证后端优化思路基础架构与优化的的架构对比突破
王大阳_·2020-08-14 21:23

web前端工作者需要具备的技能

1、xhtmlhtml5.0web2.02、css+divcss3.03、javascript4、熟练运用jQuery等js框架中的一种5、ajax6、json7、xml8、前端优化9、photoshop
weixin_33893473·2020-08-14 20:25

javascript前端SEO优化总结

前端优化分为2个部分权重在下边将会分级1.head中优化标签的内容此优先级最高10分0.1分0.5分2.body中的优化h1-h6标签每个标签都有优先级h1标签权重最大,seo开发过程中一定要使用H1,
罗莱特·2020-08-14 19:13

前端优化方案

1优化css1.1避免使用CSS表达式用CSS表达式动态设置CSS属性，是一种强大又危险的方式。从IE5开始支持，但从IE8起就不推荐使用了。例如，可以用CSS表达式把背景颜色设置成按小时交替的尽量减少标签选择器的使用尽可能少使用id选择器，多使用样式选择器(通用性强)减少选择器前缀，例如.headerBox.nav.lefta{}选择器是从右向左查询的避免使用css表达式background-c
weixin_34087301·2020-08-13 21:01

前端优化的方法

可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。
pan_80231015·2020-08-13 11:03

web性能优化

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

前端面试题（1）

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

前端优化-图片加载

问题：前端人员在WEB网站等可能遇到图片量大，琐碎，导致http请求量过大，目前webpack的url-loader虽然可以将图片打包生成base64，但是过多的图片也会导致打包生成的文件过大，初始加载速度缓慢，而且通常图片大于8K，会采用路径打包处理。解决方法一：雪碧图网上大家一致推荐使用网页雪碧图制作专家，将所有图片合成一张图片，然后采用css的background-position和with
口天小屋·2020-08-10 04:57

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

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

web前端优化之图片优化

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，麻烦大家指出批评，也算对自己的一个巩固。很多的前端开发者都比较关心性能的优化的问题，今天主要讲一下图片优化的见解和总结，
weixin_33916256·2020-08-10 03:38

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

备注：没整理格式，抱歉动画实现的几种方式：性能排序js3->4->2.那么在来看你这段代码。vart=true;window.setTimeout(function(){t=false},1000);while(t){}alert('end');1.6setTimeOut的讨论参数描述code必需。要调用的函数后要执行的JavaScript代码串。millisec必需。在执行代码前需等待的毫秒数。
weixin_33860147·2020-08-10 03:53
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他