甲方爸爸之前的需要只是要PC端访问，没有做不同屏幕的自适应尺寸，这个年代谁的屏幕没有1980.然后经过几个月的页面修改好现在需要适应各式各样的屏幕，做自适应。关键项目写完了，一个个改费时费心费力。经过

如果你对输入url还是不清楚，如果你对性能优化不知道如何下手，如果你对整体网页解析似懂非懂，那么，this带你彻底搞明白～

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

性能优化 这样一个词应该已经是老生常谈了，不仅在面试中面试官会以此和你掰头，而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工)，那么前端性能优化，如果判断到底需不需要做，如果需要做又怎么去

前言 关于这个前端性能优化这个话题，我们不能为了优化而优化。按照一个流程： 为什么要做前端性能优化，它具体指代什么？ 怎么去评估一个网站的前端性能？ 性能优化分哪几个方向，具体有哪些点呢？ 为什么/是

问题描述：1px 的边框。在高清屏下，移动端的 1px 会很粗。 产生原因：首先先要了解一个概念：DPR(devicePixelRatio) 设备像素比，它是默认缩放为 100%的情况下，设备像素和 CSS 逻辑像素的比值。目前主流的屏幕 DPR=2 或者 3。CSS中设置的p…

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

可怕的启动时间 公司的产品是一个比较大的后台管理系统，而且使用的是webpack3的vue模板项目，单次项目启动时间达到了70s左右 启动个项目都够吃一碗豆腐脑了，可是没有豆腐脑怎么办，那就优化启动时

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。