Włącz pamięć podręczną przeglądarki dla zasobów statycznych w WordPressie

Jak włączyć pamięć podręczną przeglądarki w WordPressie; Pamięć podręczna przeglądarki WordPress dla zasobów statycznych; Napraw ostrzeżenie o wykorzystaniu pamięci podręcznej przeglądarki w WordPressie; Pamięć podręczna plików statycznych WordPress; Włącz pamięć podręczną dla obrazów, CSS i JavaScript w WordPressie; Konfiguracja pamięci podręcznej przeglądarki w WordPressie; Wtyczki pamięci podręcznej WordPress dla zasobów statycznych; Ręczna konfiguracja pamięci podręcznej przeglądarki w WordPressie; Efektywna polityka pamięci podręcznej w WordPressie; Pamięć podręczna przeglądarki w pliku .htaccess WordPress;

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.

  1. 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.
  2. Znajdź plik functions.php: Przejdź do wp-content/themes/twojego-aktywnego-motywu/ i otwórz plik functions.php do edycji. Alternatywnie, stwórz nowy plik wtyczki w wp-content/plugins/, jeśli wolisz zarządzać własnym kodem osobno.
  3. 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.
  4. Zapisz zmiany: Po dodaniu kodu, zapisz zmiany w pliku functions.php lub swoim pliku wtyczki.
  5. 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.
  6. 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.