Przede wszystkim stosuj dobre praktyki takie jak:
- ładowanie zdjęć w formacie webp i dopasowanych wymiarem do wielkości, w której mają się wyświetlać na www.
- wykorzystywanie lokalnej czcionki dodanej w szablonie i wyłączenie ładowania czcionek Google (w przypadku elementora pro można załadować własną czcionkę korzystając z ich opcji)
Elementor > Ustawienia > Zaawansowane
Wyłączyć ładowanie czcionek:
Lub w functions.php (kod Squadrona)
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );Zmniejszyć ilość zapisywanych revisions, czyli kopii zapasowych artykułów/podstron. Można to osiągnąć dodając w functions.php poniższy kod:
define('WP_POST_REVISIONS', 3);Warto włączyć lazyloading obrazków na stronie, wyłączając z tego obrazki widoczne na pierwszym ekranie. można je wyłączyć korzystając z poniższego kodu php (który wymaga wskazania konkretnego id zdjęcia, które ma się wczytać w „normalnym” czasie)
add_filter('wp_get_attachment_image_attributes', function($attr, $attachment, $size) {
if ($attachment->ID === 1234) { // ID obrazka
$attr['loading'] = 'eager';
}
return $attr;
}, 10, 3);
Ustawienia właściwości:
USunięcie nieużywanych css elementora można wykonać w pliku functions.php poprzez dodanie poniższego kodu (kod pochodzi ze strony Web Squadron)
function exclude_specific_css_files($src, $handle) {
// List of CSS file URLs to exclude from minification
$excluded_css_files = array(
'/wp-content/plugins/elementor/assets/css/frontend-lite.min.css',
'/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css',
'/wp-content/plugins/woocommerce/assets/css/brands.css',
''https://protectlab.pl'/wp-content/plugins/elementor/assets/css/widget-image.min.css',
'/wp-content/themes/vaxi/assets/css/magnific-popup.css',
'/wp-content/cache/background-css/1/protectlab.pl/wp-content/themes/vaxi-child/assets/css/slick-theme.css',
);
// Check if the current CSS file URL matches any of the excluded URLs
foreach ($excluded_css_files as $excluded_css_file) {
if (strpos($src, $excluded_css_file) !== false) {
return $src; // Return the original unminified CSS file
}
}
// If the CSS file is not in the excluded list, proceed with minification
return minify_css_content($src);
}
function minify_css_content($content) {
$content = preg_replace('/\s+/', ' ', $content); // Remove extra whitespaces
$content = str_replace(array("\r\n", "\r", "\n", "\t"), '', $content); // Remove newlines and tabs
return $content;
}
add_filter('style_loader_src', 'exclude_specific_css_files', 10, 2);Włączyć:
zoptymalizowany wynik DOM
Ulepszone ładowanie zasobów
Ulepszone ładowanie CSS
Żródła:
Filmy Emila Czupryńskiego na youtube
Dział pomocy firmy lh.pl
