前端优化

前端性能优化 —— 移动端浏览器优化策略

点击上方公众号，可快速关注）作者：ouvenhttps://my.oschina.net/zhangstephen/blog/1601380摘要:前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法
前端大全·2018-01-09 00:00

图片的base64 编码

之前写过一篇“漫谈前端优化”的文章，里面提到过DataUrl，粗鲁的描述了下，感觉不甚详焉，所以这几天也总结了这方面的知识，参考一些资料，补充一篇文章在这里，对这方面的资料来说，也是一种强化记忆应用；DataURL
我是强强·2017-12-25 16:49

三分钟浅谈TT猫的前端优化

首先看一张访问TT猫首页的截图：893871111.png测试环境为谷歌浏览器，暂且不讨论其它浏览器，截图下方我们可以观察到以下参数：DOMContentLoaded：1.42s|Load：2.31s以上参数是在CTRL+F5下测试的，也就是说不存在浏览器本地缓存一说，DOM渲染时间为1.42s，整个页面load时间为2.31s。在互联网世界中有一个八秒原则就体现了这网站打开速度的重要性。网络用户
小柒2012·2017-12-11 03:26

数据平台技术架构

1、系统架构图如下：2、系统各层介绍以上采用五层的逻辑架构，第一层客户层，第二层前端优化层，第三层应用层，第四层服务层，第五层数据存储层，每层的介绍如下：1、客户层：支持PC浏览器和手机APP，可以直接通过
贾亮·2017-12-07 05:38

大型网站技术架构 读书笔记

阅读更多web前端优化浏览器减少http请求合并cssjs图片浏览器缓存缓存更新—更新文件名逐量更新防止服务器压力突然增大启用压缩gz页面渲染css最上面js最下面减少cookiecssjs带cookie
lich0079·2017-11-29 14:00

这么多前端优化点你都记得住吗？

tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC浏览器前端优化策略PC端优化的策略很多，如YSlow（YSlow是Yahoo发布
zwwill_木羽·2017-11-08 00:00

为什么前端优化时要避免空的src

为什么前端优化时要避免空的src偶然间看到一篇关于前端优化策略的文章，提到了一条“避免页面中空的href和src”，原文是这样的：当标签的href属性为空，或、、标签的src属性为空时，浏览器在渲染的过程中仍会将
忆之逸之·2017-11-06 12:38

「前端那些事儿」② 优化策略

然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多
木羽zwwill·2017-11-05 23:13

你可能不知道的JavaScript 遍历DOM的几种方法

最近看到一篇关于前端优化方面的文章，里面提到了几点对DOM遍历操作的优化，文章只是一笔带过，并没有深入的讲解。
Quiet-Night·2017-11-02 21:40

你可能不知道的JavaScript 遍历DOM的几种方法

最近看到一篇关于前端优化方面的文章，里面提到了几点对DOM遍历操作的优化，文章只是一笔带过，并没有深入的讲解。
Quiet-Night·2017-11-02 21:40

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

二、高并发系统的优化方案1.前端优化：对于可以造成高点击量的按钮采取适当的优化，例如秒杀按钮，可以限制只能点击一次，点击之后按钮禁用。2.静态资源优化：将动态资源
一叶知秋Autumn·2017-10-08 23:32

详解网站前端优化技巧及建议

如果网页庞杂，网页打开速度慢，会有什么后果?首先，网页代码繁杂，会出现网站加载速度慢的直接后果。有鉴于国内网速慢的大环境，更是加剧了繁杂网页打开慢，加载慢的问题。其次，移动端用户的崛起，造成了大量用户通过手机，平板等移动端访问网站的状况，网站打开速度慢的问题更加凸显。再次，网站加载速度的快与慢直接影响到网站给予搜索引擎友好度的多与少。最后，从网站管理者或者seo优化人员来讲，繁杂的网页会造成维护困
甲爪联盟·2017-09-29 00:00

web前端优化--图片优化

今天逛掘金浏览到一片有关web前端优化之图片优化的文章，很详细，比我这里总结的都全，大家可移步浏览：https://juejin.im/post/59a7725b6fb9a02497170459文章中除了自己之前用到的
horizon_26·2017-09-07 13:41

Web前端应该从哪些方面来优化网站?

前端优化是复杂的，针对方
沐风的心·2017-09-07 11:37

web前端优化之图片优化

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

前端优化三两事

在前端领域，由于我们是没有I/O的。所以说针对前端的优化从这么几个点可以考虑。首先是从减少HTTP请求和CPU的计算，其次呢，我们可以在内存和缓存的方面进行优化。1.静态资源的合并为什么我们要对静态资源进行合并呢，原因就是我们要减少HTTP请求，我们对项目进行打包也是把js、css等文件合并起来，浏览器只需要发送少量请求便可以拿到文件，但是文件全部合并的话单文件又会变得很巨大，所以我们需要在数量上
蓝桥春易雪·2017-08-31 20:24

浏览器前端优化

本文转载自：众成翻译译者：网络埋伏纪事链接：http://www.zcfy.cc/article/2847原文：https://hackernoon.com/optimising-the-front-end-for-the-browser-f2f51a29c572#.81dkyz4uu优化全都是与速度和满意度有关。从用户体验的角度，我们希望前端提供可以快速加载和执行的网页。而从开发者体验的角度，我
·2017-08-24 00:00

我所理解的前端性能优化

前端优化的目的是提升访问速度、改善用户体验。前端页面主要包括html、css、js，而作为web前端工程师，可以控制的正好是这三部分以及相应的背景图片，所以，我们可以从三个方面来优化前端性能。
cherry_zhang1·2017-08-23 14:28

页面优化与模块化

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

前端优化总结

第一部分：HTTP请求最关键的地方就是为了减少请求，所以为了减少请求，所有就有三点我不希望请求，不管怎么样，我能不请求就不去请求所以这就涉及到了缓存，以前请求过的，我已经放到本地了，我也不会再去服务器请求了，所以你直接拿这个就行，添加Expires头，配置ETag，使Ajax可缓存例子：当初做一个图片裁剪的，裁剪后因为命名是统一的，所以即使向服务求请求了，返回的图片的名字还是一样，结果DOM就是不
catchonme·2017-07-20 00:00

当我们打开一个网页，浏览器做了什么？

《Howbrowserswork》英文版\中文翻译版2.浏览器前端优化总览当我们用浏览器打开一个网页这背后，浏览
博勋·2017-07-19 23:23

大话WEB前端性能优化基本套路

首屏加载速度越慢，流失用户的概率就越大，在体验产品的时候性能和交互对用户的影响是最直接的，推广拉新是一门艺术，用户的留存是一门技术，拉进来留住用户，产品体验很关键，这里我以美柚的页面为例子，用实例展开说明前端优化的基本套路
SFLYQ·2017-07-14 14:41

前端优化的技巧

最近有几个搭档开通了自己博客，但却诉苦说因为的买的虚拟空间，所以自己博客网站翻开速度很慢。关于这种景象，依照一般的状况来看，一个网站的拜访翻开速度的快与慢，满是看这个网站运用的空间装备，要是这个空间主机的装备不错，那么你的网站拜访速度就会很快;相反，要是你的空间主机的装备很烂，那么你的网站拜访速度就会很慢。其实抛去空间主机的装备要素不谈，咱们站长或许搜索引擎优化人员也能够从页面制造方面着手，然后从
AlbenXie·2017-07-14 12:56

Web前端优化

一、Web前端优化最佳实践之内容1.尽量减少HTTP请求；合并文件，比如把多个css文件合成一个；CSSSprites利用CSSbackground相关元素进行背景图绝对定位；图像地图（在一个图像上划分不同区域映射不同的链接
天上的牛_有人吹·2017-07-11 16:59

React基本原理-虚拟DOM

前端优化的主要方面就是减少页面的DOM操作，减少重排和重绘，React在这方面做了优化，采用了所谓的虚拟DOM，其实大家不要被概念吓住了，我们平时也会遇到虚拟DOM，只是你没有注意罢了，请听我娓娓道来。
daysRoc·2017-07-09 00:54

React基本原理-虚拟DOM

前端优化的主要方面就是减少页面的DOM操作，减少重排和重绘，React在这方面做了优化，采用了所谓的虚拟DOM，其实大家不要被概念吓住了，我们平时也会遇到虚拟DOM，只是你没有注意罢了，请听我娓娓道来。
daysRoc·2017-07-09 00:54

前端优化的技巧

最近有几个搭档开通了自己博客，但却诉苦说因为的买的虚拟空间，所以自己博客网站翻开速度很慢。关于这种景象，依照一般的状况来看，一个网站的拜访翻开速度的快与慢，满是看这个网站运用的空间装备，要是这个空间主机的装备不错，那么你的网站拜访速度就会很快;相反，要是你的空间主机的装备很烂，那么你的网站拜访速度就会很慢。其实抛去空间主机的装备要素不谈，咱们站长或许搜索引擎优化人员也能够从页面制造方面着手，然后从
你好明天ll·2017-06-26 14:28

如何进行web前端性能优化？

1.背景用户访问网页的等待时间，有80%是发生在浏览器前端，特别是页面和页面中各种元素（图片、CSS、JavaScript、flash…）的下载之上，因此进行前端优化很有必要。
老菜菜·2017-06-25 20:09

前端优化-- CDN的使用&网站目录结构的设计&优化原则

CDN的使用background:url(//img.mdcdn.cn/h5/img/common/global_sprite.png)上面的代码如果你能完全看懂，那么这一小部分就可以不用看了。首先我先介绍一下什么是CDN。CDN(contentdeliverynetwork)中文全称是内容分发网络，是一种智能虚拟网络，在网络各个节点放置节点服务器，根据流量情况，用时情况，节点的连接情况，用户的距
佳悦·2017-06-20 18:17

利用r.js打包模块化的javascript文件方法示例

前言r.js(本地下载)是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文件请求
小火柴的蓝色理想·2017-06-13 10:36

JavaScript：原生JS实现图片懒加载

为什么要懒加载懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验，图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。
GY_U_YG·2017-06-12 21:11

系统前后端优化（菜鸟级）

具雅虎和一些知名网站统计，用户使用，等待的时间80%都花费到了浏览器前端加载上面，页面上有太多类型的数据需要加载，图片、视频、CSS、Javascript、flash等等零碎元素上，因此在系统优化方面前端优化往往能达到立竿见影的效果
P_Doraemon·2017-06-09 20:00

常见的web性能优化方法

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

前端性能优化之--DNS预处理

DNSPrefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与DNS有关的有两点： 一个是减少DNS的请求次数，另一个就是进行DNS预获取 。
Bin_Going·2017-06-04 11:38

不简单的前端性能优化

前端优化的方面太多，本文介绍的仅仅是其中的一部分，力求涵盖“关键渲染路径”的方方面面，及一些不常被提到的“网络优化”部分。
花生PeA·2017-04-27 00:00

web前端优化

移动端性能陷阱和硬件加速1.尽可能减少http请求80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢？嗯，确实有鱼和熊掌兼得的办法。合并文件是通过把所有脚本放在一个文件中
AlexZ33·2017-04-25 00:00

浏览器缓存机制剖析

缓存一直是前端优化的主战场,利用好缓存就成功了一半.本篇从http请求和响应的头域入手,让你对浏览器缓存有个整体的概念.最终你会发现强缓存,协商缓存和启发式缓存是如此的简单.原文：浏览器缓存机制剖析导读我不知道拖延症是有多严重
易斯大大·2017-04-21 12:26

论前端工程化

继而我疯狂查找了很多的资料，在接近二十篇的相关资料，每一篇文章都写得神乎其神，大有唯我独尊的意味，但每篇看下来，总感觉不对经——就是大家都把自己一套比较规范的开发套路充当出前端工程化，前端工程化变成了前端优化
26度出太阳·2017-04-14 14:09

Gulp 前端优化

使用方法：下载node.js，https://nodejs.org/en/，并安装msi一下命令都属于dos命令node-v，npm-v，检验是否下载成功（出现版本号）将npm镜像到淘宝npminstallcnpm-g--registry=https://registry.npm.taobao.org然后用cnpm代替npm使用原因是npm是国外服务器安装gulp到全局cnpminstallgul
zhongmeizhi·2017-04-13 12:00

浏览器缓存机制剖析

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

高并发访问服务器时前端页面优化方法

但是对于我们技术开发而言，这么多的用户，而且还存在大量并发的访问，服务器的压力可想而知，为了配合减少服务器压力，作为前端开发的我，在和同事讨论后，做了如下几条前端优化措施，配合服务端有效减轻了服务端的压力
yz06061079·2017-04-07 17:41

Web前端性能优化

一、Web前端优化最佳实践之内容篇1.尽量减少HTTP请求；合并文件，比如把多个css文件合成一个；CSSSprites利用CSSbackground相关元素进行背景图绝对定位；图像地图（在一个图像上划分不同区域映射不同的链接
不忘初心___·2017-04-06 09:01

前端优化

1.JavaScript压缩和模块打包模块打包则用于将不同脚本打包在一起并放进同一文件。更少的HTTP请求和单个文件解析都可以减少加载时间。使用Webpack打包CSS文件以及合并图片。这些特性都可以有助于改善启动时间。2.按需加载资源资源（特别是图片）的按需加载或者说惰性加载，可以有助于Web应用在整体上获得更好的性能。对于使用大量图片的页面来说惰性加载有着显著的三个好处：减少向服务器发出的并发
whjin·2017-04-05 00:00

前端优化-雅虎军规

雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条）详细说明，下载转发ponytail的译文（来自帕兰映像）。1.MinimizeHTTPRequests减少HTTP请求图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用CSSs
藏锋于己·2017-03-04 08:00

提高Web性能的前端优化技巧总结

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

前端网页页面优化

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

辣些经典的web前端面试题

前端优化的途径有很多,大致可以分为两类，第一类是页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符
风花花·2017-02-09 19:22

关于Web性能优化

[Yahoo前端优化十四条军规]·压缩源码与图片JavaScript文件源文件可以采用混淆压缩方式，css文件源文件代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源软件来压缩
张琦飞·2017-02-07 09:02

DOM渲染机制与常见性能优化

参考资料GoogleWeb淘宝团队前端优化alpha（阮一峰）requestAimationFrame（张鑫旭）移动H5前端性能优化指南chrome渲染优化《高性能JavaScript》零、前言本人垃圾
唐紫依·2017-01-22 20:16

前端优化简述

应用优化涉及各个方面，前端优化只是冰山一角。有人说：“离开系统的性能瓶颈的前端优化都是扯蛋”，我觉得，我们各司其职，做好前端本职工作就好，不要好高骛远。
被开发耽搁的项目经理林先生·2017-01-20 20:57
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他