Revolution slider – učitavanje JS i CSS datoteka samo na određenim stranicama

U drugom članku posvećenom optimizaciji vašeg weba baziranog na WordPressu, objasniti ću kako učitati JavaScript i CSS datoteke megapopularnog Revolution slidera isključivo na stranicama na kojima se on zaista koristi. Na taj ćemo način smanjiti nepotrebne HTTP requestove te ubrzati učitavanje vaše web stranice.

Revoluton slider je svestran, kvalitetan i moćan plugin pomoću kojeg možete kreirati sve što vam padne na pamet, prodan u 60 tisuća primjeraka. Na ovom linku pogledajte neke od stvari koje se mogu ostvariti. Za neke jednostavne zadaće, poput slajdanja nekoliko sličica, Rev slider je možda ipak overkill.

Koliko god bi bilo fora predstaviti PHP snippet koji bi omogućio učitavanje JS i CSS skripti samo na stranicama na kojima se slider koristi, nema potrebe za tim. Naime, administrativno sučelje Revolution slidera obiluje opcijama a između ostalog nudi i opciju koju tražimo, smještenu pod Global settings.

Revolution slider Global settings

Nakon instalacije i aktivacije Revolution slidera u wp-adminu kreiran je novi tab. Kliknite na Revolution slider i otvorit će vam se početna stranica na kojoj su prikazani svi vaši slideri (ukoliko ste ih kreirali, naravno) .

Revolution slider – početna stranica

Kliknite na gumb Global settings. Po defaultu, pod Include RevSlider libraries globally označena je opcija ON.

• ON: Dodaj CSS i JS datoteke na sve stranice. Uvijek koristite ovu opciju ukoliko je slider dodan u temu putem PHP-a ili u widget.
• OFF: CSS i JS datoteke će biti dodane samo na one stranice gdje se koristi bilo koji shortcode. Ova se opcija može koristiti ukoliko ste slidere dodavali putem shortcodea (uobičajen način). Ukoliko ste slider dodali putem PHP-a ili widgeta i ipak bi htjeli da se JS i CSS datoteke učitavaju samo gdje se slider koristi, koristitite opciju Pages to include RevSlider libraries niže.

Revolution slider – global settings

Dakle, promjenimo postavku Include RevSlider libraries globally u OFF i po potrebi upišemo ID stranica na kojima se slider koristi.

Kako saznati ID stranice (Page ID) pročitajte na ovom linku.

U slijedećem članku saznajte kako koristiti JS i CSS datoteke WooCommercea isključivo na stranicama gdje je aktivan vaš shop i/ili kako deregistrirati defaultne WC stilove i koristiti svoje.