Michał Wiercimok
  • Strona główna
  • Tu zacznij
    • O mnie
    • Zatrudnij mnie
  • Blog
    • Marketing
    • Blogowanie
    • Biznes
    • Eventy
    • Różne
  • Kontakt
  • Strona główna
  • Tu zacznij
  • Blog
  • Kontakt
Michał Wiercimok
  • Strona główna
  • Tu zacznij
    • O mnie
    • Zatrudnij mnie
  • Blog
    • Marketing
    • Blogowanie
    • Biznes
    • Eventy
    • Różne
  • Kontakt
  • Różne

[snippet] Usunięcie query string plików CSS i JS

  • 16 sierpnia 2016
  • 2 minute read
Total
0
Shares
0
0
0
0

Optymalizacja WordPressa to temat rzeka, istnieje wiele “trików”, mechanizmów czy pluginów, które pozwalają nam uzyskać cenne sekundy czasu ładowania naszej strony.

Jednym z tych trików jest usunięcie “query string” czyli unikalnego identyfikatora, który jest dopisywany przez WP do plików CSS czy JS. Gdy spojrzymy w źródło naszej strony to zauważymy tam wpisy podobne do poniższych:

/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.5
/wp-includes/js/jquery/jquery.js?ver=1.12.4

Każdy arkusz stylów czy plik ze skryptami JS po znaku zapytania ma dopisek “ver=xxx”. Podczas tworzenia strony jest to pożądane gdyż przeglądarka, CDNy i serwery proxy nie “keszują” naszej strony i każda zmiana w kodzie jest widoczna po odświeżeniu strony w przeglądarce. Natomiast gdy ukończymy prace nad naszą witryną i jedyne zmiany, które będziemy później wprowadzać ograniczają się tylko do HTMLa (czyli przykładowo będziemy dodawali wpisy na naszym blogu) możemy wymusić na WP aby nie dodawał query string.

Dzięki temu zabiegowi nasza przeglądarka zapisze sobie zasoby naszej strony w pamięci podręcznej i nie będzie musiała ich za każdym razem pobierać z serwera. Gdy korzystamy z CDNa jak na przykład Cloudflare, on również nie “keszuje” plików z parametrami, więc aby w pełni wykorzystać jego możliwości możemy je usunąć.

Kod, który musimy dodać do naszego pliku functions.php wygląda następująco:

// Usunięcie query strings (ver=xxx) z plików CSS i JS
function im_remove_script_styles_version( $src ){
    return remove_query_arg( 'ver', $src );
}
add_filter( 'script_loader_src', 'im_remove_script_styles_version' );
add_filter( 'style_loader_src', 'im_remove_script_styles_version' );

Przeprowadziłem krótki test WP z motywem Avada. Początkowo GTMetrix pokazał mi komunikat:
gt-remove-query-stringPo użyciu wyżej wymienionego snippetu, kolejny test wyglądał następująco:
gt-removed-query-stringCzas ładowania spadł o około 0.7 sekundy. Może nie jest to wynik fenomenalny ale pamiętajmy, że to tylko jeden ze sposobów, który można łączyć z innymi. Ziarnko do ziarnka…
gt-query-string-2

Total
0
Shares
Udostępnij 0
Tweet 0
Udostępnij 0
Previous Article
[snippet] Usunięcie zakładki "Opinie" w Woocommerce 1
  • Różne

[snippet] Usunięcie zakładki “Opinie” w Woocommerce

  • 10 sierpnia 2016
Zobacz post
Next Article
Słowa kluczowe - Jak dobrać do Google Ads i pozycjonowania 2
  • Marketing

Słowa kluczowe – Jak dobrać do Google Ads i pozycjonowania

  • 16 września 2016
Zobacz post

Newsletter

Podobał Ci się artykuł? Dołącz do newslettera!

Może Ci się spodobać
Pozycjonowanie Sklepu Internetowego 3
Zobacz post
  • Różne

Pozycjonowanie Sklepu Internetowego

  • Michał Wiercimok
  • 10 sierpnia 2021
Jak zrobić stronę internetową - Poradnik 4
Zobacz post
  • Różne

Jak zrobić stronę internetową – Poradnik

  • Michał Wiercimok
  • 31 marca 2020
.htaccess bez tajemnic 5
Zobacz post
  • Różne

.htaccess bez tajemnic

  • Michał Wiercimok
  • 16 marca 2020
Jaki wybrać hosting 6
Zobacz post
  • Różne

Jaki wybrać hosting

  • Michał Wiercimok
  • 23 lutego 2020
Gdzie zarejestrować domenę internetową? 7
Zobacz post
  • Różne

Gdzie zarejestrować domenę internetową?

  • Michał Wiercimok
  • 20 stycznia 2020
[Case Study] Strona afiliacyjna w 12 miesięcy od 0 - 5000 uu, niskim kosztem 8
Zobacz post
  • Różne

[Case Study] Strona afiliacyjna w 12 miesięcy od 0 – 5000 uu, niskim kosztem

  • Michał Wiercimok
  • 16 stycznia 2020
Wybór domeny na bloga 9
Zobacz post
  • Różne

Wybór domeny na bloga

  • Michał Wiercimok
  • 16 listopada 2019
Jak wydać książkę? 10
Zobacz post
  • Różne

Jak wydać książkę?

  • Michał Wiercimok
  • 12 czerwca 2019

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Newsletter

Dowiaduj się co nowego w e-marketingu

Michał Wiercimok
  • Pozycjonowanie Katowice
  • Mapa Strony
  • O mnie
  • Kontakt
  • Polityka plików cookies

Input your search keywords and press Enter.

Zarządzaj swoją prywatnością

Żeby zapewnić najlepsze wrażenia, my oraz nasi partnerzy używamy technologii takich jak pliki cookies do przechowywania i/lub uzyskiwania informacji o urządzeniu. Wyrażenie zgody na te technologie pozwoli nam oraz naszym partnerom na przetwarzanie danych osobowych, takich jak zachowanie podczas przeglądania lub unikalny identyfikator ID w tej witrynie. Brak zgody lub jej wycofanie może niekorzystnie wpłynąć na niektóre funkcje.

Kliknij poniżej, aby wyrazić zgodę na powyższe lub dokonać szczegółowych wyborów. Twoje wybory zostaną zastosowane tylko do tej witryny. Możesz zmienić swoje ustawienia w dowolnym momencie, w tym wycofać swoją zgodę, korzystając z przełączników w polityce plików cookie lub klikając przycisk zarządzaj zgodą u dołu ekranu.

Funkcjonalne Zawsze aktywne
Przechowywanie lub dostęp do danych technicznych jest ściśle konieczny do uzasadnionego celu umożliwienia korzystania z konkretnej usługi wyraźnie żądanej przez subskrybenta lub użytkownika, lub wyłącznie w celu przeprowadzenia transmisji komunikatu przez sieć łączności elektronicznej.
Preferencje
Przechowywanie lub dostęp techniczny jest niezbędny do uzasadnionego celu przechowywania preferencji, o które nie prosi subskrybent lub użytkownik.
Statystyka
Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do celów statystycznych. Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do anonimowych celów statystycznych. Bez wezwania do sądu, dobrowolnego podporządkowania się dostawcy usług internetowych lub dodatkowych zapisów od strony trzeciej, informacje przechowywane lub pobierane wyłącznie w tym celu zwykle nie mogą być wykorzystywane do identyfikacji użytkownika.
Marketing
Przechowywanie lub dostęp techniczny jest wymagany do tworzenia profili użytkowników w celu wysyłania reklam lub śledzenia użytkownika na stronie internetowej lub na kilku stronach internetowych w podobnych celach marketingowych.
Statystyka

Marketing

Funkcje
Zawsze aktywne

Zawsze aktywne
Zarządzaj opcjami Zarządzaj serwisami Zarządzaj dostawcami Przeczytaj więcej o tych celach
Zarządzaj opcjami
{title} {title} {title}