前端性能优化
7篇文章 · 0订阅
  • 从头开始，彻底理解服务端渲染原理(8千字汇总长文)
    大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…
    React.js
  • 面试官：请你实现一个PWA 我：😭
    渐进式网页应用，后文统一简称PWA，又名Web开发的未来🤣，你不会，我觉得小伙砸你没有未来啊🤡。 为了2020年不要被问了一脸懵，所以我写了这篇文章，废话不多说，接下来我们来看22个在2020到2021年间可能会询问到的PWA面试题，不然我写干嘛🤣。 渐进式网络应用（PW…
    面试
    面试官：请你实现一个PWA 我：😭
  • 京喜小程序的高性能打造之路
    京喜小程序自去年双十一上线微信购物一级入口后，时刻迎接着亿级用户量的挑战，细微的体验细节都有可能被无限放大，为此，“极致的页面性能”、“友好的产品体验” 和 “稳定的系统服务” 成为了我们开发团队的最基本执行原则。 首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我…
    前端 微信小程序
    京喜小程序的高性能打造之路
  • React 16 加载性能优化指南
    关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…
    React.js JavaScript Webpack
  • 【漫游Github】quicklink 的实现原理与给前端的启发
    近来，GoogleChromeLabs 推出了 quicklink，用以实现链接资源的预加载（prefetch）。本文在介绍其实现思路的基础上，会进一步探讨在预加载方面前端工程师还可以做什么。 1. quicklink 是什么？ quicklink 是一个通过预加载资源来提升后…
    浏览器 性能优化
    【漫游Github】quicklink 的实现原理与给前端的启发
  • 前端应该了解的PWA
    当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。 假如能解决以上的几点，对web app 来说会有多大的提升可以想象。 PWA 全称Progressive Web Apps(渐进式Web应用程序)，旨在使用现有的web技术提供用…
    前端 Promise PWA
  • 面向前端的 CDN 原理介绍
    内容分发网络（Content delivery network 或 Content distribution network，缩写：CDN）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。
    前端