Zwiększ prędkość WordPressa: Usuń ciągi zapytań z zasobów statycznych
Objaśnienie
Kiedy chcesz przyspieszyć swoją stronę WordPress, jednym z sprytnych trików jest usunięcie uciążliwych ciągów zapytań z zasobów statycznych, takich jak pliki CSS i JS. Dlaczego? Ponieważ niektóre mechanizmy buforowania i CDN-y (sieci dostarczania treści) nie buforują plików z ciągami zapytań, co może spowolnić działanie strony.
Ten mały fragment kodu robi dokładnie to. Sprawdza, czy adresy URL Twoich plików zawierają ciąg zapytania zaczynający się od ?ver= i go usuwa. Jest to szczególnie powszechne w WordPressie, gdzie numery wersji są dodawane do adresów URL plików.
- Funkcja: Funkcja
wp_dudecom_remove_query_stringsprzyjmuje adres URL Twojego skryptu lub pliku stylu i usuwa ciąg zapytania dotyczący wersji. - Hooki: Używa dwóch hooków,
script_loader_srcistyle_loader_src, aby zastosować tę funkcję zarówno do skryptów, jak i stylów. Oznacza to, że za każdym razem, gdy ładowany jest skrypt lub styl, sprawdza i usuwa ciąg zapytania.
Wdrażając to, Twoje zasoby statyczne mogą być buforowane bardziej efektywnie, co potencjalnie przyspieszy działanie Twojej strony. Pamiętaj, że to nie wpłynie na funkcjonalność Twojej strony, ale może sprawić, że załaduje się nieco szybciej!
Kod
<?php
/**
* Remove query strings from static resources in WordPress.
*
* This function removes query strings from static resources like CSS and JS files
* to improve caching and performance.
*
* @param string $src The source URL of the enqueued script or style.
* @return string The modified source URL without query strings.
*/
function wp_dudecom_remove_query_strings( $src ) {
if ( strpos( $src, '?ver=' ) ) {
$src = remove_query_arg( 'ver', $src );
}
return $src;
}
// Hook into the script loader to remove query strings from scripts.
add_filter( 'script_loader_src', 'wp_dudecom_remove_query_strings', 15, 1 );
// Hook into the style loader to remove query strings from styles.
add_filter( 'style_loader_src', 'wp_dudecom_remove_query_strings', 15, 1 );
?>Instrukcja
Aby wdrożyć kod do usuwania ciągów zapytań z zasobów statycznych w WordPressie, wykonaj następujące kroki:
Lokalizacja pliku: Musisz dodać kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki, jeśli wolisz nie modyfikować plików motywu.
Wymagania wstępne: Do tej implementacji nie są wymagane dodatkowe wtyczki ani ustawienia.
Kroki wdrożenia:
- Dostęp do plików WordPressa: Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby uzyskać dostęp do plików instalacji WordPressa.
- Znajdź plik
functions.php: Przejdź dowp-content/themes/twojego-aktywnego-motywu/i otwórz plikfunctions.phpdo edycji. Alternatywnie, jeśli wolisz używać wtyczki, utwórz lub otwórz plik własnej wtyczki. - Dodaj kod: Skopiuj i wklej podany fragment kodu do pliku
functions.phplub do pliku własnej wtyczki. Upewnij się, że jest umieszczony na końcu pliku lub w odpowiedniej sekcji. - Zapisz zmiany: Po dodaniu kodu, zapisz zmiany w pliku.
- Przetestuj swoją stronę: Odwiedź swoją stronę WordPress i sprawdź kod źródłowy swoich stron, aby upewnić się, że ciągi zapytań zostały usunięte z adresów URL zasobów statycznych, takich jak pliki CSS i JS.
Postępując zgodnie z tymi krokami, możesz poprawić pamięć podręczną i wydajność swojej strony WordPress, usuwając ciągi zapytań z zasobów statycznych. Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.