前端优化

如何进行网站性能优化

前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等
前端oi小白·2020-07-11 20:11

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

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

前端优化之DNS预解析

前端优化系列之一：DNS预获取dns-prefetch提升页面载入速度DNSPrefetch，即DNS预获取，是前端优化的一部分。
木子Lee的博客·2020-07-10 10:27

网站前端优化的技术

①浏览器访问优化：-减少HTTP请求数量：合并CSS、合并JavaScript、合并图片（CSSSprite）-使用浏览器缓存：通过设置HTTP响应头中的Cache-Control和Expires属性，将CSS、JavaScript、图片等在浏览器中缓存，当这些静态资源需要更新时，可以更新HTML文件中的引用来让浏览器重新请求新的资源-启用压缩-CSS前置，JavaScript后置-减少Cooki
weixin_34220963·2020-07-10 08:05

【前端杂谈】细数前端优化的化零为整

原文作者：ArfeiZhang原文地址：http://www.cnblogs.com/arfeizhang/p/optimization1.html很高兴看到越来越多的企业重视前端开发了，前端不再是网站开发人员的附属技能。回想我刚开始入行时，那时ASP网站（非ASP.NET）盛行，80%的网站都是用ASP来做的,一个网页可能就是一个ASP文件，里面前端代码和后端代码混在一起。现在不同了，前后端分离
飞鱼YE·2020-07-10 07:50

高效前端优化工具--Fiddler入门教程

简介：Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。Fiddler是以代理服务器的方式，监听系统的网络数据流动英语中Fiddler是小提琴的意思，FiddlerWebDebugger就像小提琴一样，可以让前端开发变得更加优雅。它可以做什么？Fiddler是以代理服务器的方式，监听系统的网络数据流动，并在ie，火狐下都可以安装哦（这个是最好的特点呵呵）它能够记录所有的你电脑和
weixin_33882452·2020-07-10 07:34

高并发大流量专题---1、高并发大流量解决方案总结

流量优化+前端优化：比如防盗链处理、减少HTTP请求、添加异步请求、CDN加速、建立独立图片服务器、启用浏览器缓存和文件压缩等等服务端优化+Web服务器优化：比如页面静态化、并发处理、队列处理、负载均衡等等数据库优化
weixin_33733810·2020-07-10 07:27

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

原文来源：http://web.jobbole.com/82197/，发现原文已经无法访问了，所以写下此篇文章，以帮助Web开发人员进行优化。前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了？其实可能还有很多可以提升的地方。G
在路上已存在了·2020-07-10 04:48

前端优化

SEO描述：告诉搜索引擎你的站点的主要内容；关键字：向搜索引擎说明你的网页的关键词；用以说明生成工具：（如MicrosoftFrontPage4.0）；告诉搜索引擎你的站点的制作的作者：；图片的Alt属性，对图片进行说明，当然不要所有图片都用，关键的图片使用即可h1-h6标签,其中h1是除了tilte标签以外最重要的一个标签，但不要过多使用，否则会被搜索引擎认为作弊强调性的文字，可以使用stron
Iam_Bling·2020-07-09 23:01

前端优化技巧（一）

闲暇没事整理了下前端常用的优化技巧，按目的分类如下：在文档开头显示一个加载中图案（俗称菊花），然后把不重要的JS文件放在文档末尾，给script标签添加defer属性目的：防止JS文件阻塞页面加载CSS精灵（将多张小图片集合到一张大图片中）合并JS文件（将多个JS文件集合到一个JS文件中）目的：减少HTTP请求，缩短请求时间压缩CSS，JS文件缩短JS变量名（一字母变量）目的：1.减少文件大小，减
dbd199713·2020-07-09 15:05

vue项目composition-api，typescript，ssr，pwa改造

选择quasar原因很简单，对比了国内外一大堆UI库(vuetify、element-ui、iview等.....)之后，发现quasar前端优化做的最好，但缺点是上手难，体系庞大，前期学习成本和耗费时间较高
jusdingzy·2020-07-09 12:33

前端优化----技术

前端优化为什么要前端优化----可能会更新技术---雅虎军规为什么要前端优化----可能会更新加快页面渲染速度，提升用户体验技术—雅虎军规减少HTTP请求合并css，合并js，使用精灵图技术，使用base64
缘明随心·2020-07-09 08:00

前端性能优化

单页应用在优化了用户体验的同时，也给我们带来了许多问题，例如S…浏览器的渲染：过程与原理内容说明本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器
weixin_34146410·2020-07-08 17:54

网站静态化处理—web前端优化

网站静态化处理这个系列马上就要结束了，今天我要讲讲本系列最后一个重要的主题web前端优化。
复活节孟鹏鲲·2020-07-08 11:20

现在WEB前端团队协作一点见解

质量方面，前端优化的提出、前端用户数据的收集、错误日志的收集上报和防御性编程等，都是为了帮助开发者来提高前端性能，提升用户体验。目前，前端已经进入了以效率和质量为核心的工业化时代，各类辅助工
迈克雷（MichaelRay）·2020-07-07 17:12

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

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

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

这是一个系列，记录我前端开发常用的代码，小常识，有些是参考网上代码，(讲的可能有点烂，求不要打脸，嘤嘤嘤~~)送给那些需要的人。可以相互交流，喜欢的加我吧。Wx:Lxp911221Get和Post在面试中一般都会问到，一般的区别：（1）post更安全（不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中）（2）post发送的数据更大（get有url长度限制）（3）post能发
确认过眼神cxy·2020-07-06 14:51

【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片

【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片前言此篇文章估计不会太长，有移除首页的风险，但是老夫（称老夫是因为我们真正的叶小钗其实都100多岁啦）是不会怕滴。所以，我来了哟！
博客园叶小钗·2020-07-05 19:55

【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片

【web前端优化之图片模糊到清晰】看我QQ空间如何显示相片前言此篇文章估计不会太长，有移除首页的风险，但是老夫（称老夫是因为我们真正的叶小钗其实都100多岁啦）是不会怕滴。所以，我来了哟！
博客园叶小钗·2020-07-05 19:22

腾讯前端面试题集锦

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

前端优化总结

前段时间简单的研究了下前端优化相关的知识，本文算是一个阶段性的总结，或者当做一个优化的参考List。
nyfcpeng·2020-07-05 01:57

浏览器缓存？优点？清除方法？

☆前端优化：浏览器缓存技术介绍-浏览器缓存（适用于前端解决缓存问题）-js清除浏览器缓存问题的个人见解-Jack_zengzhen的博客-CSDN博客1、什么是浏览器缓存？
浪漫天下·2020-07-05 00:46

深度解析之异步加载(defer、async、module)和预加载(preload、prefetch、dns-prefetch、preconnect 、prerender)

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

如何有效提高 ThinkPHP 的应用性能

说到应用性能，涉及到的方方面面实在是太多了，关于服务器优化和前端优化的文章网上很多，所以就不再累述了。
傲十郎·2020-07-04 11:28

Vue + Spring Boot 项目实战（二十）：前端优化实战

重要链接：「系列文章目录」「项目源码（GitHub）」前言为什么要写代码？没有钱了，肯定要做啊，不做没有钱用。那你不会更新文章吗，有手有脚的。更新是不可能更新的，这辈子都不可能更新的。文章又不会写，就是用搜索引擎，东拼西凑糊弄一篇这样子。那你觉得加班改需求苦逼还是写文章苦逼？打开IDE就像打游戏一样，大年三十都在撸代码，就平时实在拖不下去感觉要凉了，我才勉强写一篇这样子。撸代码的感觉，比写文章好多
Evan-Nightly·2020-07-04 07:02

读《大型网站技术架构：核心原理与案例分析》

引言网站演化之路初始LAMP各司其职应用服务器与文件服务器分离二八定律使用缓存回应80的请求集群提高应用服务器处理性能二八定律数据库读写分离前端优化反向代理及CDN最后的绝招分布式文件系统及分布式数据库如何衡量大型网站性能可用性伸缩性扩展性结语引言这本书讲述的是大型网站技术中的常见架构以及从小型网站到大型网站到演变历程
Mr_SeaTurtle_·2020-07-04 07:52

前端优化http请求，使用axios如何取消重复请求

constaxios=require('axios');constqs=require('qs');importstorefrom"./store"classHttp{constructor(){//请求的基础路径this.baseURL="";//超时时间this.timeout=6000;this.queue=newMap();//存放每一次的请求this.refresh=false}addP
Mr航·2020-07-02 17:10

前端优化

主要思想：减少http请求减少dom操作减少http请求方法：字体图标口//为口引入字体图标，如显示购物车图标。懒加载Expires参考链接：https://www.cnblogs.com/zhutao/p/6690198.html简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客
sharryling·2020-07-02 16:20

Web前端应从哪些方面来优化呢？

其实Web前端优化并不难,只是要找到运行慢的原因需要花费一些心思。接下来，小编为大家讲一下优化的基本思路,同时也提供一些优化的方法。Web前端应从哪些方面来优化呢？问题一、前端为什么要优化?
qf2019·2020-07-02 15:39

Web前端优化最佳实践

一、Web前端优化最佳实践之内容篇Yahoo!的ExceptionalPerformanceteam在Web前端方面作出了卓越的贡献。
长空飞鹰·2020-07-02 13:28

漫谈网站优化提速

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

前端优化常用技术

从建立http连接开始，到页面展示在浏览器中，一共经过了加载，执行，渲染，重构等几个阶段。加载比如：百万级的PV，并发量过大怎么办？PV(访问量)：即PageView，页面刷新一次算一次。也叫并发量。UV(独立访客)：即UniqueVisitor，一个客户端（电脑，手机）为一个访客由此，我们可以基于并发量和单线程来做。资源加载优化两个方向：开源增加域名，简单来说就是cdn。节流资源压缩gzip，减
时光之里·2020-07-02 11:33

浅析渲染引擎与前端优化

浅析由浏览器内核想到的前端优化，或者说前端优化规则是从哪儿来的。大家知道，大部分的WEB页面依托浏览器呈现，而浏览器能够将页面展示出来，基本依赖于浏览器的内核，即渲染引擎。今
PolarisHuster·2020-07-02 06:17

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

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

WEB前端性能优化总结

不仅仅如此，如果前端优化得好，不仅可以为企业节约成本，还能带来更多的用户，因为增强的用户体验。
星星泡饭_·2020-07-02 00:07

前端图片优化小记

个人感觉对于前端优化，尤其是图片优化方面了解不多，趁着周末阅读了几篇关于这方面的文章，收获满满，在这里做一个简单的小结。
_Yif·2020-07-01 23:01

前端优化方案-JavaScript 优化方案 收藏 此文于2010-06-04被推荐到CSDN首页

前端优化方案-JavaScript优化方案收藏此文于2010-06-04被推荐到CSDN首页如何被推荐？
一剑平江湖·2020-07-01 22:25

shoeBox超实用的雪碧图（Sprite）图制作工具-使用

从前端优化说起浏览器载入单张图片的速度基本取决于图片的大小，但是载入多张图片的速度却和另一个要素息息相关-网络请求数，在图片大小和一致的情况下，图片张数越少其请求数越少其载入速度也就越快。
ddf1463·2020-07-01 22:27

另一个前端优化

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前
sarah_cw·2020-07-01 19:16

总结一些前端优化的小技巧

优化基本思路减少HTTP请求数量减小请求资源的大小小技巧将图片压缩后再放到生产环境，这样图片可以变得相对较小，常用压缩工具有：https://tinypng.com/和https://pngcrush.com/精灵图(雪碧图)的优化把图片横向合并而不是纵向，横向更小。把颜色近似的图片合并到一张雪碧图，这样可以让颜色数更少，如果低于256就可以用png8。合并时图片间的间距不要太大。这对图片大小影响
bigpatten·2020-07-01 18:20

前端性能优化实践

不仅仅如此，如果前端优化得好，他不仅可以为企业节约成本，因为增强的用户体验，他还能给用户带来更多的用户。2、前言从输入URL到页面加载完成，发生了什么？
yujin0222·2020-07-01 17:54

web性能优化方法

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1）用户角度：优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2
田品吕口-方·2020-07-01 17:44

Web前端性能优化全攻略

目录Web前端优化最佳实践之内容篇Web前端优化最佳实践之Server篇Web前端优化最佳实践之Cookie篇Web前端优化最佳实践之CSS篇Web前端优化最佳实践之JavaScript篇Web前端优化最佳实践之图象篇
灰喵·2020-07-01 15:31

前端如何进行网站性能优化

二、知识剖析前端优化的途径有很多，按
ZZ_SUPERR·2020-07-01 15:16

【性能优化】前端性能优化方案都帮你整理好了（全面系统）！

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

总结一下前端优化方案（持续更新）

1、编译到ES2015+把ES2015+的代码编译成ES5，体积会增大好几倍，运行速率也会减慢。在当下2018年，大部分现代浏览器已经支持ES6语法。我们要做的，就是把代码编译到ES2015+，然后给少数的老旧浏览器留一份ES5的代码即可。具体的做法就是使用支持这个标签的浏览器必然支持async/await,Promise,Class,箭头函数,Map/Set,fetch等等。现代主流浏览器能识别
光哥是来学习的·2020-07-01 11:16

常见的web前端性能优化方法总结

首先，我们要了解一下，前端优化的目的是什么从用户角度，优化能够让页面加载得更快、对用户的操作响应更快，给用户提供更为友好的体验。从服务商角度，优化能够减少页面请求数、或者减小请求所占带宽，节省资源。
songywaa·2020-07-01 06:34

防抖debounce和节流throttle

三、应用场景3.1防抖3.2节流一、出现缘由前端开发中，有一部分用户行为会频繁触发事件，而对于DOM操作，资源加载等耗费性能的处理，很可能导致卡顿，甚至浏览器崩溃，防抖和节流就是为了这一类的问题出现的前端优化技术
weixin_30794499·2020-07-01 05:24

前端性能优化方法总结

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

前端优化方案

为了让用户得到更好的体验，我们经常会采用一些手段来优化我们的前端工程，下面给大家简单介绍一些前端优化的方案参照雅虎前端军规进行简单网页的优化我们的优化原则有以下几个：能缓存的，尽量强缓存。
shadowingszy·2020-07-01 05:14
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他