前端优化

网站性能提升----脚本的加载执行

不管是前端后端都有许多各自的优化技巧，这个系列针对的是前端部分的优化；标题是JavaScript性能提升，为什么说是JavaScript的性能优化呢，事实上如果一个网页完全不使用JavaScript的话可以使用的前端优化技巧微乎其微
SLEBEE·2021-03-10 09:27

java面试题备份

高并发解决：流量优化：防盗链处理（把一些恶意的请求拒之门外）前端优化：减少HTTP请求、添加异步请求、启用浏览器的缓存和文件压缩、CDN加速、建立独立的图片服务器；服务端优化：页面静态化处理、并发处理、
#朱松涛·2021-02-25 11:22

前端优化（首屏优化）

首屏优化方案1、JavaScript外联文件引用放在html文档底部；CSS外联文件引用在html文档头部，位于head内；对首屏页面用到的css内容，可以style的形式写在首页2、首屏不需要展示的较大尺寸图片，请使用lazyload；3、避免404错误：尽量减少外联js；4、减少cookies的大小：尽量减少cookies的体积对减少用户获得响应的时间十分重要；5、减少DOMElements的
李小白呀·2021-01-31 22:50

前端优化之防抖

WHAT什么是防抖？当持续触发相同事件时，如果设定的时间到来之前，又一次触发了事件，就重新开始延时；如果设定的时间到来之后都没有再次触发事件，则执行最后一次事件。（就像王者荣耀的回城操作一样）HOW应用场景1.keyup事件（example：输入框[验证用户名是否可用]）普通版的输入框事件：用户每按一下键盘都会发送一个ajax请求出去，用户还没输入完成，就发送了很多无用的请求，浪费性能。$("#u
Grit_Crab·2021-01-21 20:48

深度解析之异步加载和预加载

废话：异步加载和预加载一直都是前端优化必备技能之一，今天我们就来深度解析一下常用的几个关键点。
luoyelusheng·2020-12-21 11:58

实现图片的懒加载

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

2021前端面试经常被问到的题(附答案)

面试经常被问到的题一、html51、html常见面试题2、艺术喵2年前端面试心路历程（字节跳动、YY、虎牙、BIGO）|掘金技术征文3.前端100问：能搞懂80%的请把简历给我4、前端优化二、css1.
快乐的小马龙123·2020-12-11 15:32

前端性能优化常用总结

正文前端优化层出不穷，移动端大行其道的现在，我们可以说优化好移动端，PC端也将会更好。所以，我们可以综合以下图片进行一些分析，如图：图中已经对前端性能做了一些概括。
blanchecyan·2020-12-06 23:15

前端优化（webpack， js， html）

HTTP优化gzip压缩资源的压缩与合并HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。浏览器请求url，并在requestheader中设置属性accept-encoding:gzip。表明浏览器支持gzip。该不该用Gzip压缩Gzip，服务端要花时间；解压Gzip，浏览器要花时间。中间节省出来的传输时间，真的那么可观吗？
夏灬影·2020-11-30 22:15

前端优化（webpack， js， html）

HTTP优化gzip压缩资源的压缩与合并HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。浏览器请求url，并在requestheader中设置属性accept-encoding:gzip。表明浏览器支持gzip。该不该用Gzip压缩Gzip，服务端要花时间；解压Gzip，浏览器要花时间。中间节省出来的传输时间，真的那么可观吗？
夏灬影·2020-11-30 22:41

vue 解决IOS10低版本白屏的问题

新公司是做自己的独立产品，比之前呆过的外包公司要求严格的多，注重用户体验，以下是在新项目里进行前端优化的一些操作一，低版本空白屏问题，以及ios8的样式问题本项目是通过vue-cli搭建，上线以后运行在新版本的苹果手机和安卓手机上均无问题
·2020-11-19 09:45

前端 | 高阶函数（.filter .map .reduce）的使用总结

前端优化.png"高阶函数是一个将一个或多个函数作为参数的函数"——ClojureBridge高阶函数可以帮助增强你的Javascript,使你的代码简单、简练、可读性强。
重学前端MDN·2020-10-18 21:41

前端优化之异步更新(Micro-Task&Macro-Task)

各位看官我们又见面了，这几天刚和媳妇拍完结婚照回来了，晒得跟非洲的猴子一样~总算有点时间了，打算再写一篇博文，来扫一下我之前对异步队列的盲点，同时论证一下异步更新在Dom优化时所起到的作用。从前，在我的认知里，js这个单线程的语言如果想做异步操作（ajax，setTimeout，onclick）的话，就需要将所有的异步事件安排到一组事件队列中去，当主线程的代码全部跑完，再从队列中的去一个个执行异步
Yubble·2020-10-10 03:31

一些东西用一句话总结

高并发：有限的资源应对大量的请求有限的资源：资源能不能变多（水平扩展），资源能不能变强（前端优化、网络优化、计算优化、存储优化、程序优化等）。大量的请求：请求能不能减少（错峰、合并请求）。
陈半仙儿·2020-09-23 11:15

前端性能优化之路——图片篇。

接触过的应该知道，所以前端优化一直是我头痛的问题，不仅要注重用户体验，同时要兼顾收益，有时候必须牺牲一些用户体验，但是作为一名有思想的前端，还是努力规避掉，希望能和从事相同业务的同学一起学习交流一下，话不多说
李帅醒·2020-09-17 02:17

Iconfont 阿里图库使用(小程序和H5)

前言现在前端发展的太快，前端优化也是，图片也是被近2年来比较火的就是阿里图库取代了，不管小程序还是H5都在用好了，那么就介绍下如何使用吧阿里图库当然需要你到阿里官网http://www.iconfont.cn
angliliu2521·2020-09-16 22:57

前端面试知识点大全——性能优化篇

2.调试工具3.增强网站的页面滚动效能3.1不要随便让页面进入合成3.2高性能滚动scroll及页面渲染优化4.重排，重绘，合成4.1概念4.2优化方式5.合成层6.前端优化方法（包括前后端优化）6.1
随风丶逆风·2020-09-16 16:33

Java 面试考点(九)------其他知识点

（面试官最想听到的答案）|面试中get和post的区别|httpGET和POST请求的优缺点和误区--前端优化4.HTTP和HTTPS的区别Http和Https的区别（
chicheese·2020-09-16 14:33

前端页面优化方法

前端优化雅虎前端优化的准则器页面优化检测工具雅虎前端优化的准则器访问网址http://yslow.org/页面优化检测工具合并小图片使用一个CSS框架，比如LESS合理利用浏览器缓存cookieless
睎睎啊·2020-09-16 04:19

Yahoo前端优化十四条军规

Yahoo前端优化十四条军规http://developer.51cto.com/art/201207/347525.htm常用的性能优化的方法有哪些。
做个有准备的人·2020-09-16 04:00

Web前端性能优化优秀文章集锦

前端优化1.Google和雅虎提供的Web页面优化最佳实践：http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization2
jmin_coming·2020-09-16 03:09

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

allowtransparency="true"frameborder="0"scrolling="no"src="http://hits.sinajs.cn/A1/weiboshare.html?url=http%3A%2F%2Fwww.csdn.net%2Farticle%2F2013-09-23%2F2817020-web-performance-optimization&type=3&co
坚持每一天·2020-09-16 02:55

雅虎前端优化14条规则

1.减少HTTP请求数常用的方法，合并css，js（将一个页面中的css和js文件分别合并）以及Imagemaps和csssprites等。2.使用CDN（内容分发网络）通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的cache服务器内，通过DNS负载均衡的技术，判断用户来源就近访问cache服务器取得所需的内容。3.添加Expire/Cache-Control头
如梦难醒·2020-09-16 02:00

平安壹钱包前端面试

apply继承、ES6extends继承和原型继承关系三、计算机课程发一个请求，客户端和服务端的过程tcp,rip过程，怎么封包，数据包的角度（从网络角度）怎么在服务器找到资源，怎么找到机器，uro四、项目前端优化
LullabyLY·2020-09-15 14:28

前端优化常用技术心得

从建立http连接开始，到页面展示到浏览器里，经历了加载、执行、渲染，重构的几个阶段。将分享下我自己的心得和其他人的优秀经验。加载和执行浏览器是友善的客户端，对同域名并发请求是有数量限制，过去浏览器一般是2个，支持H5的一般是6个；并且服务器端是可以关闭请求。有朋友不理解，为什么不是并发越多越好？举个例子：百万级的PV，并发数量过大会造成什么样的后果？由此，所有的优化都是基于这个点和单线程而延伸出
weixin_33713707·2020-09-15 08:21

Intel X86 优化指南阅读笔记--通用优化(后端)

OPTIMIZINGTHEEXECUTIONCORE通用的优化准则来充分利用超标量cpu的并行性：-遵循前端优化准则，最大化译码带宽和前端吞吐量。-最大化寄存器重命名带宽。
呆呆辉·2020-09-15 05:14

前端优化——减少http请求和减少请求资源大小

减少http请求等于合并请求资源,减少请求资源大小等于压缩资源。复制代码合并请求合并请求是指将多个请求合并成一个请求,下图可直观看出多个请求的缺点不合并请求缺点：增加了N-1个网络延迟受丢包问题影响更严重经过代理服务器时可能被断开既然合并请求如此之好，为何不写一个大的js将所有的js合并到一起？合并请求也是有缺点的现在大量的单页面应用Vue/React合并js后会比之前的js大，从而会增加首屏渲染
weixin_34261739·2020-09-15 03:03

高并发的解决思路，面试这样说就足够了！

话不多说直接来解决高并发的核心思路，看项目是web还是移动app项目如果是web项目，因为网页中大多数是静态资源占用整个服务器的带宽，而我们编写的接口响应一般的情况下占用不了多大的服务器的带宽，所以要采用动静分离架构模式：前端优化访问
程序员温眉·2020-09-15 03:42

前端优化-减少HTTP请求

前端的问题可能消耗掉整体时间的80%，所以实践前端优化是我们的一门必修课。
hhthwx·2020-09-15 02:27

前端优化：如何将多张图标合并成一张，做好资源链接优化？

前端素材资源一般由图片、SVG、音频、视频组成，每个资源都会有一个独立的链接请求，当一个web页面素材过多时，这表示该页面将会建立多次链接请求，这将直接导致页面加载速度变慢。那么是否可以将一些常用的图标素材合并成一张图片实现共用呢？答案是可以的，这样在使用时只需建立一次链接请求即可，这个步骤有点复杂，我们一步步来。首先，创建一个名称为prepros的web项目，目录结构如图所示：此项目使用的是sa
chongfeng2994·2020-09-13 21:07

高性能前端优化的十四条准则

说明：本文是在阅读完SteveSouder的《高性能网站建设指南》后写的。1.规则1——减少HTTP请求只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的时间花在为HTML文档所引用的所有组件（图片，脚本，flash，样式表等）进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量，由此减少HTTP请求的数量。1.1图片地图图片地图允许在一个图片上关联
愤怒的little-dog·2020-09-13 00:11

搜索引擎前端优化之深度联想

搜索引擎发展到现在，可以说已经深入到了大多数人的生活中，遇到问题baidu一下，google一下，已经渐渐成为了习惯。而搜索引擎的前端也已经基本定型，大多数都是Google模式，后来随着Ajax技术的发展，联想功能才使得搜索引擎前端更加易用。而所谓深度联想，其实就是在原来联想功能的基础上，再多做一点事情。简单来说，分为两种：前端深度联想和后端深度联想。这里所说的前端主要是从用户的角度来说的，一切的
lxlzhn·2020-09-12 22:50

浅谈前端优化的几个思路

浅谈前端优化的几个思路http://algo.site/?
ltoddy·2020-09-12 22:38

vue 前端面试题整理

前端优化可以做什么减少http请求：合并js和css文件（使用webpack或其它打包工具打包）小图片使用雪碧图（需要的图片和ui说下，交给ui做就可以）使用base64表示简单的图片用内容分发网络cdncdn
u011269388·2020-09-12 03:39

yahoo前端优化34条规则——图片、Coockie与移动应用篇

四、图片、Coockie与移动应用篇除此之外，图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对于移动应用的优化也十分重要。这主要包括：Coockie:减小Cookie体积对于页面内容使用无coockie域名图片：优化图像优化CSSSpirite不要在HTML中缩放图像favicon.ico要小而且可缓存移动应用：保持单个内容小于25K打包组件成复合文本27、减小C
sycflash·2020-09-12 00:50

yahoo前端优化34条规则——JavaScript和CSS篇

三、JavaScript和CSS篇JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面：CSS：把样式表置于顶部避免使用CSS表达式（Expression）使用外部JavaScript和CSS削减JavaScript和CSS用代替@import避免使用滤镜JavaScript把脚本置于页面底部使用外部JavaScript和CSS削减JavaScript和C
sycflash·2020-09-12 00:49

yahoo前端优化34条规则——内容篇

Yahoo!的ExceptionalPerformanceteam在Web前端方面作出了卓越的贡献。广为人知的优化规则也由13条到14条，再到20条，乃至现在的34条--真是与时俱进啊。ExcetionalPerformance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。一、内容篇尽量减少HT
sycflash·2020-09-12 00:49

yahoo前端优化34条规则——Server篇

二、网站Server篇：使用内容分发网络为文件头指定Expires或Cache-ControlGzip压缩文件内容配置ETag尽早刷新输出缓冲使用GET来完成AJAX请求11、使用内容分发网络用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做些什么呢？按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们
sycflash·2020-09-12 00:49

web性能优化和seo

不仅仅如此，如果前端优化得好，不仅可以为企业节约成本，还能给用户带来更多的用户，因为增强的用户体验。
靳勇辉.·2020-09-11 23:31

如何进行网站性能优化？

分享人：chenxingxing目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论一.背景介绍前端优化的目的:1.用户：体验好2.服务商：节省资源简而言之
陈xingxing·2020-09-11 23:45

【前端优化】通过六种方法提高网站访问速度 (转http://www.cnblogs.com/fengyin/archive/2011/01/18/1938628.html)

【前端优化】通过六种方法提高网站访问速度1.把你的.js库文件地址替换成GoogleCDN的地址::随着jquery和mootools等js库的使用需要加载的.js文件越来越多也越来越大，通常传统的网站是上传到网站本身的目录
fjfdszj·2020-09-11 21:39

前端优化——懒加载篇

#懒加载1.什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。2.为什么要用懒加载能提升用户的体验，不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需
YooHoeh·2020-09-11 10:41

前端点滴（网络协议/HTML/前端优化/浏览器）

前端点滴（网络协议/HTML/前端优化/浏览器）---倾尽所有网络协议/HTML/前端优化/浏览器IOS七层模型网络协议一、HTTP与HTTPS协议（1）http与https概述（2）http与https
without BUG·2020-09-10 23:35

前端优化——节流函数

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

深入理解 React 的 Virtual DOM

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

前端优化点（此文转载 http://mp.weixin.qq.com/s/6mVVKmqDL_xYl15AeoJTWg）

tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC浏览器前端优化策略PC端优化的策略很多
weixin_33810302·2020-08-24 17:23

YAHOO 35条前端优化建议

参考：主参考网址：http://www.360doc.com/content/14/0325/14/15727046_363598248.shtmlYahoo网址：http://developer.yahoo.com/performance/rules.htmlYahoo!的ExceptionalPerformance团队为改善Web性能带来最佳实践，最佳实践的核心就是旨在提高网站性能。该团队总结
涵一·2020-08-23 22:38

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

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

【前端理论】前端性能优化CRP

CRP：（CriticalRenderingPath）关键渲染路径《知识补充》一、从url出入到最终页面渲染：第一步：URI解析目的：也叫URL解析，让浏览器自身能看懂；主要是浏览器自身操作，一般前端优化不在这一步操作
ANKG·2020-08-22 20:51

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

说到web前端开发高级，必须要掌握的是HTML和css代码的优化，前端优化很重要，这是成功你进阶的道路上需要重视的知识点，面对代码优化，首先我们要学习的就是前端命名规范，HTML代码优化，和css代码优化
达达前端·2020-08-22 17:10
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他