前端性能优化
5篇文章 · 0订阅
  • 「前端进阶」高性能渲染十万条数据(时间分片)
    在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…
    JavaScript 性能优化
    「前端进阶」高性能渲染十万条数据(时间分片)
  • 【译】浏览器如何呈现页面（一）
    知道浏览器是怎样把网页呈现给你的这个过程之后，就能够帮助你去优化你的网页应用，从而提升速度和性能。 我马上就会阐述这个过程，但是首先，需要回顾一些基本概念。 一个网页浏览器从远程服务器上（或者本地文件）加载文件来显示给你看，允许你进行操作。 浏览器里有一个浏览器引擎。 不同的浏…
    HTML
    【译】浏览器如何呈现页面（一）
  • 关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
    前言   最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head
    HTML JavaScript
    关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
  • 「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
    想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…
    浏览器
    「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
  • 腾讯企鹅辅导 H5 性能极致优化
    H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题
    前端 性能优化