安科网

帮助你优化前端性能的工具类网站 - browserdiet

WinerChopin

WinerChopin

2013-05-03

关注 关注

日期：2013-4-24  来源：GBin1.com

帮助你优化前端性能的工具类网站 - browserdiet

如果你想了解如何优化前端性能的话，这个工具类型的网站browserdiet绝对可以帮你大忙，它从以下6个主要技术讲述了技术选择和最佳实践：

  • HTML
  • CSS
  • Javascript
  • jQuery
  • 图片
  • 服务器
  • 更多

最重要的提供了具体实现的一些方式和方法，相信如果你想深入的了解前端技术相关特性的话，这个网站是个不错的开始！

网站地址：http://browserdiet.com

via 极客标签

来源：帮助你优化前端性能的工具类网站 - browserdiet

前端性能 网站性能 前端优化

WinerChopin

WinerChopin

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

前端面试中经常问到的问题：如何提高网站性能 总结

DNS 请求需要的带宽非常小，但是延迟却有点高，这点在手机网络上特别明显。在某些情况下，延迟能减少一秒钟。在某些浏览器中这个预读取的行为将会与页面实际内容并行发生。正因如此，某些高延迟的域名的解析过程才不会卡住资源的加载。在某些图片较多的页面中，在发起图片

chwzmx 2019-06-27

如何优化前端性能？

随着前端的范畴逐渐扩大，深度逐渐下沉，富前端必然带来的一个问题就是性能。特别是在大型复杂项目中，重前端业务可能因为一个小小的数据依赖，导致整个页面卡顿甚至崩溃。本文基于Quick BI历年架构变迁中性能的排查、解决和总结出的“个性”问题，尝试总结整个前端

liduote 2020-10-16

性能up！面向前端开发人员的14个JavaScript代码优化技巧

本文转载自公众号“读芯术”。而与此同时，据W3Tech统计，全世界将近96%的网站都在使用JavaScript，JavaScript已成为有史以来最热门的编程语言之一。顺便一提，请确保共享和重用JS组件，以达成高质量代码和合理交付时间之间的恰当平衡。

PncLogon 2020-08-16

Web优化相关，前端性能监控工具

关注性能是工程师的本性 + 本分；页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证；资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。关于前端性能指标，W3C

ChinaGuanq 2020-05-09

该如何优化前端性能

一说到页面的性能优化，大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则，这些规则在开发过程中不是强制要求的，但是有时候为了追求页面性能的完美和体验，就不得不对原有的代码进行修改和优化。下面就结合自己三年多的开发经验和大量的项目实践，整理出一些

林大夏 2019-11-07

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

JavaScript是浏览器用来与用户进行交互、进行DOM操作的，这也使得了它必须是单线程这一特性。比如你去修改一个元素的DOM，同时又去删除这个元素，那么浏览器应该听谁的？事件触发线程，当一个事件被触发时该线程会把事件添加到待处理队列的队尾，等待JS引擎

爱你不变 2019-07-01

vue前端开发性能的可优化点

背景：在项目中前端使用vue开发，都是使用vue脚手架工具，其webpack配置文件已经将大部分性能优化了，比如代码压缩，图片base64转换，代码分离等。这些我们统统不需要去管。但使用vue时，其实还是有些细节点可以优化的，以下为开发过程中的一些前端性能

许学德 2019-06-29

前端性能优化 -- 从 10 多秒到 1.05 秒

关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。提及 前端性能优化 ，大家应该都会想到 雅虎军规，本文会结合 雅虎军规 融入自己的了解知识，进行的总结和梳理

LONGSHAN 2019-06-27

前端性能监控及推荐几个开源的监控系统

web项目性能很重要，开发迭代过程中难免会有所忽视，性能会伴随产品的迭代而有所衰减。特别在移动端，网络一直是一个很大的瓶颈，而页面却越来越大，功能越来越复杂。并没有简单的几条黄金规则就可以搞定性能优化工作，我们需要一套性能监控系统持续监控、评估、预警页面性

Herorong 2020-08-25

7款前端性能分析工具，全都是神器

我们都知道，前端包括图形化的用户界面、相应的功能、及其整体站点的可用性。前端的重要性毋庸置疑，如果前端无法正常工作，将无法“拉新”。今天就给大家介绍7款前端性能分析工具，对你有用的话，欢迎收藏转发。可将其作为一个 Chrome扩展程序运行，或从命令行运行

Johnny0 2020-08-14

前端性能监控

为了帮助开发者更好地衡量和改进前端页面性能，W3C 性能小组引入了 Navigation Timing API，实现了自动、精准的页面性能打点；开发者可以通过 window.performance 属性获取。　　 页面性能统计的起始点时间，应该是用户输入网

bowean 2020-07-19

前端性能监控-window.performance.timing篇

最近发现浏览器内置对象里有个好东西，window.performance。这里面包含着浏览器性能相关的各种数据，然后其中的timing属性，就是所有阶段的用时统计，从这一点我们就可以简单的从浏览器运行时间上进行分析。通过这种时间分析则可以看出当前页面的时间

xxuncle 2020-06-14

如何提升Web前端性能

浏览器为了减少请求传输，实现了自己的缓存机制。浏览器缓存就是把一个已经请求过的Web资源拷贝一份副本存储在浏览器中，当再次请求相同的URL时，先去查看缓存，如果有本地缓存，浏览器缓存机制会根据验证机制和过期机制进行判断是使用缓存，还是从服务器传输资源文件。

sanlingwu 2019-10-05

转 web前端性能分析--原理篇

即是web用户在访问一个页面时所要花费的时间总和。即一个完全意义上的用户响应时间，相对于服务器的响应时间而言还会包括更多的内容和影响因素。那么一个web页面的完整请求包括了哪些部分的时间总和就是web前段性能分析和优化所需要了解的基础知识，先了解一下用户从

haohong 2019-10-28

较高性能前端Linux服务器/etc/sysctl.conf配置

/etc/sysctl.conf 是用来控制linux网络的配置文件，对于依赖网络的程序非常重要，RHEL默认提供的最好调整。这个配置参考于cache服务器varnish的推荐配置和SunOne服务器系统优化的推荐配置。为了保险起见，也可以reboot系统

拿什么来拯救自己 2011-06-21

web前端性能调优

4.CSS应放在前面，先下载完整个CSS 才会加载页面，而JS应放在最后，因网页加载到JS 就会执行，有可能会导致阻塞

那些年写过的代码 2015-03-11

如何从请求、传输、渲染3个方面提升Web前端性能

什么是WEB前端呢?就是用户电脑的浏览器所做的一切事情。输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染。通过上面

liduote 2019-09-24

前端性能方面的9大问题

总之，因为 Reflow 有时确实不可避免，所以只能尽可能限制Reflow的影响范围。所以一般建议尽量减少过桥次数。减少对DOM元素的查询和修改，查询时可将其赋值给局部变量。同时，JSON是 JavaScript原生格式，这意味着在 JavaScript

月光恋九霄 2018-03-07

OpenCensus Web:前端性能监控与数据化运营的未来方案

概述谷歌推出了一个名为OpenCensus Web的OpenCensus扩展，它是一个用于收集网页应用程序性能和行为监控数据的库。该库侧重于在浏览器中执行的前端Web应用程序代码，允许它收集用户端性能数据。它仍处于alpha阶段，API可能会发生变化。OC

DuKeCan 2019-09-05

通过页面埋点做监控却不影响性能？解密ARMS前端监控数据上报技术内幕

前端监控 一般帮助用户定位页面性能瓶颈、复现用户端的偶发问题。其监控的主要功能包括但不限于：。阿里云前端监控专注于 Web 端真实用户体验数据监控，从访问速度、页面运行稳定性和服务调用成功率三个方面监控前端的健康度。另外，阿里云前端监控还提供针对轻量级交

xzs 2018-05-16
WinerChopin

WinerChopin

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号