优化
14篇文章 · 0订阅
  • 我现在公司的前端操作规范
    这里的 /* webpackChunkName: "[request]" */ 中的 request 表示实际解析的文件名。
    代码规范
  • 这儿有一个使你网页性能提升10倍的工具
    今天上午10:00，我发布了业界第一款「性能统计分析框架」Hiper。 我们的常见方式是在Dev Tool中的performance和network中看数据，记录下几个关键的性能指标，然后刷新几次再看这些性能指标。 有时候我们发现，由于样本太少，受当前「网络」、「CPU」、「内…
    GitHub 前端
  • 移动Web加速技术月报第1期
    为推进Web技术的发展，Brilliant Open Web 团队特推出每月一期的《移动Web加速技术月报》，该月报将整理较流行的移动Web加速技术，并跟进各项技术的进展和发展方向，以期帮助开发者了解或选用相关的技术，把握技术发展趋势。欢迎关注【OpenWeb开发者】公众号并回…
    CDN 前端 Google
    移动Web加速技术月报第1期
  • Web 前端页面劫持和反劫持
    前几天看到一篇写 js 文件反劫持的文章，想起 15 年主导做百度搜索结果页面反劫持项目做得一些研究，整理成文章，跟大家分享。 常见劫持手段 按照劫持的方法不同，我将劫持分为下面两类： 跳转型劫持：用户输入地址 A，但是跳转到地址 B 注入型劫持：有别于跳转型型劫持，指通过在正常的网页中注…
    XSS 前端 安全
  • 大话WEB前端性能优化基本套路
    前端性能优化这是一个老生常谈的话题，但是还是有很多人没有真正的重视起来，或者说还没有产生这种意识。 当用户打开页面，首屏加载速度越慢，流失用户的概率就越大，在体验产品的时候性能和交互对用户的影响是最直接的，推广拉新是一门艺术，用户的留存是一门技术，拉进来留住用户，产品体验很关键，这里我以美柚的页面为例子，用实例展开说明前端优化的基本套路（适合新手上车）
    前端
    大话WEB前端性能优化基本套路
  • 关于前端性能优化的 23 条建议
    前端性能优化是个巨大的课题，如果要面面俱到的说的话，估计三天三夜说不完。所以我们就从实际的工程应用角度出发，聊我们最常遇见的前端优化问题。Yslow 是雅虎开发的基于网页性能分析浏览器插件，可以检测出网页的具体性能值，并且有著名的 Yslow 23 条优化规则，这 23 条，就够我们玩的了。
    JavaScript 前端
    关于前端性能优化的 23 条建议
  • 网页图片优化和性能分析
    理想的网页应该在 1 秒内打开。而在页面的整体大小中，图片往往是所占比例最大的一部分。优化图片不仅可以加快页面显示，还能降低移动网络的流量费用。原图产生的 PNG、JPEG、GIF 和 SVG 图片一般都有很大的压缩余地。SVG 中往往有很多编辑工具带来的冗余数据，这些数据完全不影响图片查看，所以网页中的图片完全可以去掉这些信息，减少图片大小。下面介绍三个用于图片优化的工具
    图片资源 SVG 前端
    网页图片优化和性能分析
  • 页面性能优化的利器 — Timeline
    网页中的重绘过程是影响整体性能下降的关键点之一，因而网站开发者应该更多地去避免在站点中进行不必要以及不适时的重绘步骤，本文主要讲述如何借助 Inspector 中的 Timeline 面板去剖析这一些存在的问题。
    前端
    页面性能优化的利器 — Timeline
  • [译] 前端调试技巧与诀窍
    原文地址：Debugging Tips and Tricks 原文作者：SARAH DRASNER 译文出自：掘金翻译计划 译者：lsvih 校对者：loveky,ymz1124 前端调试技巧与诀窍 编写代码其实只是开发者的一小部分工作。为了让工作更有效率，我们还必须精通 de…
    掘金翻译计划 前端
  • 前端极限性能优化集合
    文章主要介绍了 前端 + 后端如何对站点进行优化，并拿出 Google 的前端代码做了分析。 性能优化是老生常谈了，从雅虎的 N 条军规，前端各种优化准则，到 2010 年 Google IO 上 Steven 提出的高性能建站指南，都在告诉开发者，一个站点的性能非常重要，如何在有限的带宽条件下，达到极限的访问性能，如何让访问者，无论是从响应速度，视觉感官，操作流畅度都达到最佳体验, 是目前 Web 技术上的一个至关重要的挑战.
    HTML CSS JavaScript