Michał Wiercimok
  • Strona główna
  • Tu zacznij
    • O mnie
    • Zatrudnij mnie
  • Blog
    • Marketing
    • Blogowanie
    • Biznes
    • Eventy
    • Różne
  • Kontakt
Twitter Feed
  • 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

Input your search keywords and press Enter.