性能优化主题的文章列表，还有性能优化的技术要点_第8页

Web性能优化：图片优化

我自己的Blog：http://blog.cabbit.me/web-image-optimization/HTTPArchieve有个统计，图片内容已经占到了互联网内容总量的62%，也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看，图片也绝对是优化的热点和重点之一，GooglePageSpe...

代码星球 ·2020-07-18

PHP性能之语言性能优化：vld——查看代码opcode的神器

vld介绍　　vld是PECL（PHP扩展和应用仓库）的一个PHP扩展，现在最新版本是 0.14.0（2016-12-18），它的作用是：显示转储PHP脚本（opcode）的内部表示（来自PECL的vld简介）。简单来说，可以查看PHP程序的opcode。　　　　vld扩展的安装　　1、下载官方插件安装压缩包...

代码星球 ·2020-07-14

前端性能优化10个方面

1.加载优化1.压缩合并2.代码分割(codespliting)，可以基于路由或动态加载3.第三方模块放在CDN4.大模块异步加载，例如:Echarts，可以使用require.ensure，在加载成功后，在显示对应图表5.小模块适度合并，将一些零散的小模块合并一起加载，速度较快6.可以使用pefetch预加载，在分步...

代码星球 ·2020-06-29

前端性能优化

除了雅虎军规35条，这里再强调几条1.首屏加载1.首屏尽量使用服务端渲染2.首屏尽量使用懒加载此懒加载并非图片的懒加载，而是指这个文档内容的懒加载。可以先服务端渲染用户可见的部分内容(实际要大于此，因为用户可能会滚动屏幕)，剩余的部分用js去加载和渲染，这样可以尽快的显示首屏，又不影响用户的浏览。2.DNS预读取DNS...

代码星球 ·2020-06-29

性能优化-FSL(Force Synchronous Layout)强制同步布局

通过chrome的Perfermance工具记录程序性能，切换到帧模式，点开其中一帧，看详情，中间为紫色的区块代表Layout，右上角带有红色三角的为警告，是chrome告知的强制同步布局，即FSL。点击这个区块，可以看到下面的面板中有详细信息，有函数调用栈，可以看到哪一行触发了FSL，点击其中的链接，可以直接跳转到该...

代码星球 ·2020-06-28

性能优化-使用 RAIL 模型评估性能

RAIL是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能： TL;DR以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。立即响应用户；在100毫秒以内确认用户输入。设置动画或滚动时，在10毫秒以内生成帧(一帧只有1...

代码星球 ·2020-06-28

性能优化-合成层

1.提升移动或渐变元素的绘制层绘制并非总是在内存中的单层画面里完成的。实际上，浏览器在必要时将会把一帧画面绘制成多层画面，然后将这若干层画面合并成一张图片显示到屏幕上。通过渲染层提升可以减小绘制区域，我们可以用调试工具查看到绘制层：在页面中新建一个渲染层最好的方式就是使用will-change属性，同时再与transf...

代码星球 ·2020-06-28

前端性能优化术语

技术类1.首屏时间(加载到第一屏的功能点，所消耗的时间)2.白屏时间(从进入页面到head解析的时间)3.可操时间(与模块相关，主要是测试核心模块的使用率，以及用户感知)3.连通率(多为视频站点。时间为纵轴，主要是对应时间用户看到的视频或者听到声音的比例)产品类1.PV(pageview)，页面浏览量或点击量，衡量用户...

代码星球 ·2020-06-28

微信小程序性能优化技巧

　　微信小程序如果想要优化性能，有关键性的两点：提高加载性能和提高渲染性能。一、提高加载性能　　当用户点击小程序后发生了什么？　　资源准备（代码包下载）—— 业务代码注入和渲染 —— 异步请求数据　　上面的三个状态，我们经常遇到，它们分别对应...

代码星球 ·2020-06-27

VUE温习：style层次分析、性能优化、路由模式解析

一、vue样式style层次分析1、样式可以在main.js、模块js文件、组件style、组件script标签内，index.html文件内引入，不同位置引入的样式有什么关系。2、总结：　　（1）样式从main.js的入口处开始顺序加载（注意顺序的意思），　　（2）遇到组件则加载组件script标签内引入的样式，　　...

代码星球 ·2020-06-27

前端性能优化：配置ETag

什么是ETag？　　实体标签(EntityTag)是唯一标识了一个组件的一个特定版本的字符串，是web服务器用于确认缓存组件的有效性的一种机制，通常可以使用组件的某些属性来构造它。条件GET请求　　浏览器下载组件的时候，会将它们存储到浏览器缓存中。如果需要再次获取相同的组件，浏览器将检查组件的缓存时间，假如已经过期，那...

代码星球 ·2020-06-27

前端性能优化策略

一、网络加载类1、减少HTTP资源请求次数　　合并静态资源图片、JavaScript或CSS代码，减少页面请求数和资源请求消耗　　避免重复的资源，防止增加多余请求2、减小HTTP请求大小　　减少没必要的图片、JavaScript、CSS及HTML代码　　对文件进行压缩优化　　使用gzip等方式压缩传输文件3、将CSS或...

代码星球 ·2020-06-27

利用多域名存储静态资源进行性能优化：网站的静态资源为什么要使用独立域名

　　在大型网站中，我们发现页面资源经常使用不同的域名进行引用，例如126邮箱的部分js、css、图片存放于http://mimg.127.net/域名下，京东的部分静态图片存放在http://img11.360buyimg.com域名下，那这样做究竟有什么好处呢，和性能又有什么关系呢，下面进行具体分析。一、浏览器并发请...

代码星球 ·2020-06-27

网页性能优化：防止JavaScript、CSS阻塞浏览器渲染页面

　　网页中引用的外部文件：JavaScritp、CSS等常常会阻塞浏览器渲染页面。假设在<head>中引用的某个JavaScript文件由于各种不给力需要2秒来加载，那么浏览器渲染页面的过程就会被阻塞2秒，直到该JS文件下载并执行完后才继续。　　前端性能调优时必须排除任何潜在的渲染阻塞点，让浏览器在最短时间...

代码星球 ·2020-06-27

VUE性能优化总结

1、v-show，v-if用哪个？　　在我来看要分两个维度去思考问题：　　第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-if，　　这里要说的优化点在于减少页面中dom总数，我比较倾向于使用 item.id 作为key，　　假如数组数据是这样的 (item,index...

代码星球 ·2020-06-27