README

此包将解析所需样式并将其打包到头部。其余的附加样式将附加到主体中，并在页面准备就绪后加载。Google Pagespeed 至 100% 的保障，且与 Bootstrap 兼容！

📚 安装

前往您的 Laravel 项目根目录，使用 composer 安装包

$ composer require gitterdoc/critical

并将配置文件添加到您的 Laravel 实例中

$ php artisan vendor:publish --provider="gitterdoc\Critical\Install"

💡 使用

进入您的 Blade 模板，替换您的 Stylesheets 并通过预期的第二个参数将相同的样式添加到主体末尾！

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <!-- OLD -->
        <!--<link href="{{ asset('css/app.css') }}" rel="stylesheet" />-->

        <!-- To your header -->
        {{ critical('css/app.css', true) }}

        <!-- //… -->
    </head>
    <body>
        <!-- //… -->

        <!-- To your footer -->
        {{ critical('css/app.css', false) }}
    </body>
</html>

🔨 API

`{{ critical($file, $type) }}`

此方法将处理您的样式表。

🔧 设置

您可以在 config/critical.php 文件中更改设置。

🔥 支持我们！

我是一位优秀且专业的 Web 和软件开发者，但我在这些领域不再工作了。我花了一些空闲时间来创建精彩的内容。通过 点赞我的仓库 😍 或给我一杯咖啡 ☕ 来支持我！

gitterdoc / critical

维护者

详细信息