nystudio107\webperf\recommendations\FirstContentfulPaint::evaluate()

Complexity

Conditions	2
Paths	2

Size

Total Lines	21
Code Lines	12

Duplication

Lines	0
Ratio	0 %

Importance

Changes

0

<?php
    public function evaluate()
    {
        // See if there are too many database queries
        if ($this->sample->firstContentfulPaint >= self::MAX_FIRST_CONTENTFUL_PAINT_TIME) {
            $displayFirstContentfulPaint = ($this->sample->firstContentfulPaint / 1000) . 's';
            $this->hasRecommendation = true;
            $this->summary = Craft::t(
                'webperf',
                'The wait is too long before content is displayed',
                []
            );
            $this->detail = Craft::t(
                'webperf',
                'The first contentful paint took {displayFirstContentfulPaint}. Try to avoid blocking the render by implementing [CriticalCSS](https://nystudio107.com/blog/implementing-critical-css), optimizing the [Critical Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/) by loading JavaScript asynchronously, and using the [font-display](https://css-tricks.com/font-display-masses/) property.',
                [
                    'displayFirstContentfulPaint' => $displayFirstContentfulPaint,
                ]
            );
            $this->learnMoreUrl = 'https://developers.google.com/web/tools/lighthouse/audits/first-contentful-paint';

            return;
        }