21. 资源合并(JS / CSS )

本教程最新版为 8.x,当前版本已放弃维护,请阅读最新版本!

说明

从这篇文章开始,我们要开始讲解前端相关的优化。当我们谈到前端优化,首推 资源合并

资源合并主要目的是减少 HTTP 请求数量。我们都知道,每一个 HTTP 请求的建立,都需要消耗时间。故减少请求数,等于提高页面整体加载时间。

另外有一个原因,也让减少 HTTP 请求数变得非常有必要:

浏览器一般会 限制每个域的并行线程(一般为 6 个,甚至更少),所以我们要尽量减少同一域名下的请求数量。

一个为性能优化为核心要素的页面应:

只加载一个 CSS 和一个 JS 文件。

这篇文章,我们将专注于如何在 Laravel 中合并 CSS 和 JS 文件。

实例说明

接下来我们拿 Larabbs 做实验。 Laravel Mix 是一个 NPM 扩展包,所以开始使用之前我们需运行 npm install

国内一般访问国外服务器会不稳定,我们使用国内的 NPM 镜像来加速:

$ npm config set registry=https://registry.npm.taobao.org

配置完成后:

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0

暂无话题~