Włącz pamięć podręczną przeglądarki dla zasobów statycznych w WordPressie
Objaśnienie
Aby przyspieszyć swoją stronę WordPress, możesz włączyć pamięć podręczną przeglądarki dla statycznych zasobów, takich jak obrazy, CSS i JavaScript. Oznacza to, że gdy ktoś odwiedza Twoją stronę, jego przeglądarka zapisuje te pliki na określony czas, dzięki czemu nie musi ich pobierać ponownie przy następnej wizycie.
Oto prosty sposób, aby to zrobić:
- Sprawdź, czy plik .htaccess jest zapisywalny: Kod najpierw sprawdza, czy Twój plik .htaccess można edytować. Ten plik jest kluczowy, ponieważ informuje serwer, jak obsługiwać żądania.
- Definiuj zasady pamięci podręcznej: Kod ustawia zasady dla różnych typów plików. Na przykład obrazy są przechowywane w pamięci podręcznej przez rok, podczas gdy pliki CSS i JavaScript są przechowywane przez miesiąc. Robi się to za pomocą dyrektywy ExpiresByType.
- Aktualizuj .htaccess: Jeśli te zasady nie znajdują się już w Twoim pliku .htaccess, kod je dodaje. To zapewnia, że Twoja strona informuje przeglądarki o konieczności buforowania plików zgodnie z określonymi zasadami.
- Automatyczne wykonanie: Funkcja jest podpięta do uruchomienia podczas inicjalizacji WordPressa, więc automatycznie sprawdza i aktualizuje plik .htaccess.
Wdrażając te zasady pamięci podręcznej, pomagasz skrócić czasy ładowania dla powracających odwiedzających, co sprawia, że Twoja strona jest bardziej wydajna i przyjazna dla użytkownika.
Kod
<?php
// Function to add browser caching rules to .htaccess
function wp_dudecom_enable_browser_caching() {
// Check if the .htaccess file is writable
$htaccess_file = ABSPATH . '.htaccess';
if (is_writable($htaccess_file)) {
// Define the caching rules
$caching_rules = "
# BEGIN Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg \"access plus 1 year\"
ExpiresByType image/jpeg \"access plus 1 year\"
ExpiresByType image/gif \"access plus 1 year\"
ExpiresByType image/png \"access plus 1 year\"
ExpiresByType text/css \"access plus 1 month\"
ExpiresByType text/html \"access plus 1 month\"
ExpiresByType application/pdf \"access plus 1 month\"
ExpiresByType text/x-javascript \"access plus 1 month\"
ExpiresByType application/x-shockwave-flash \"access plus 1 month\"
ExpiresByType image/x-icon \"access plus 1 year\"
ExpiresDefault \"access plus 2 days\"
</IfModule>
# END Browser Caching
";
// Read the current .htaccess content
$current_htaccess = file_get_contents($htaccess_file);
// Check if the caching rules are already present
if (strpos($current_htaccess, '# BEGIN Browser Caching') === false) {
// Append the caching rules to the .htaccess file
file_put_contents($htaccess_file, $current_htaccess . $caching_rules);
}
}
}
// Hook the function to run on WordPress initialization
add_action('init', 'wp_dudecom_enable_browser_caching');
?>
Instrukcja
Aby włączyć pamięć podręczną przeglądarki dla statycznych zasobów na swojej stronie WordPress, wykonaj następujące kroki:
Lokalizacja pliku: Musisz dodać kod do pliku functions.php
swojego motywu lub stworzyć plik własnej wtyczki.
Wymagania wstępne: Upewnij się, że masz dostęp do plików instalacyjnych WordPressa i możliwość ich edytowania. Znajomość FTP lub menedżera plików dostawcy hostingu będzie pomocna.
- Dostęp do plików WordPress: Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby uzyskać dostęp do katalogu instalacyjnego WordPress.
- Znajdź plik
functions.php
: Przejdź dowp-content/themes/twojego-aktywnego-motywu/
i otwórz plikfunctions.php
do edycji. Alternatywnie, stwórz nowy plik wtyczki wwp-content/plugins/
, jeśli wolisz zarządzać własnym kodem osobno. - Dodaj kod: Skopiuj i wklej podany kod do pliku
functions.php
lub swojego pliku wtyczki. Upewnij się, że nie umieszczasz go w żadnej istniejącej funkcji lub klasie, chyba że jest to zamierzone. - Zapisz zmiany: Po dodaniu kodu, zapisz zmiany w pliku
functions.php
lub swoim pliku wtyczki. - Zweryfikuj plik .htaccess: Upewnij się, że plik
.htaccess
w katalogu głównym WordPress jest zapisywalny. Jest to konieczne, aby kod mógł dodać zasady pamięci podręcznej. - Przetestuj swoją stronę: Odwiedź swoją stronę internetową i sprawdź, czy zasady pamięci podręcznej zostały zastosowane. Możesz użyć narzędzi dewelopera w przeglądarce, aby zweryfikować nagłówki pamięci podręcznej.
Postępując zgodnie z tymi krokami, włączasz pamięć podręczną przeglądarki dla statycznych zasobów, co może znacznie poprawić wydajność Twojej strony dla powracających odwiedzających.
Jeśli potrzebujesz pomocy przy wdrażaniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy w zakresie WordPressa.