Vi vet hur frustrerande det är att bygga en snygg WordPress-webbplats för att sedan se den laddas extremt långsamt på en smartphone. Baserat på vår erfarenhet av att hantera bloggar med hög trafik kan en långsam mobilanpassning driva bort besökare på sekunder.
Den där fördröjningen skadar ofta dina sökrankningar och din totala trafik. Men tanken på att inaktivera plugins väcker vanligtvis oro för att bryta webbplatsen för datoranvändare.
Lyckligtvis hittade vi ett säkert sätt att åtgärda detta problem utan att behöva några kodningskunskaper. Du kan selektivt stänga av vissa plugins enbart för mobilanvändare, vilket omedelbart snabbar upp saker och ting.
Den här guiden visar dig de exakta stegen för att göra detta på ett säkert sätt. Låt oss först titta på varför detta är ett så användbart optimeringstrick.
Varför inaktivera specifika WordPress-plugins för mobilanvändare
Mer än 50 % av dina besökare kommer att komma åt din WordPress-webbplats via en mobiltelefon. Därför är det avgörande att erbjuda en snabb och smidig upplevelse för besökare på både smartphones och surfplattor.
Plugins kan dock sakta ner mobilversionen av din webbplats.
När någon besöker din webbplats kommer WordPress att ladda alla dina aktiva plugins, inklusive deras bakgrundsskript och stilmallar, även om dessa funktioner inte är synliga på mobila enheter.
För att lära dig mer kan du se vår infografik om hur WordPress faktiskt fungerar för en titt bakom kulisserna på hur plugins laddas.
Alla bra WordPress-plugins bör laddas endast när de behövs. Ibland är det dock svårt för plugin-utvecklare att gissa om du kommer att behöva pluginet eller inte. I sådana situationer väljer de att ladda de nödvändiga filerna för säkerhets skull.
Användare som försöker få en perfekt poäng för hastighet och prestanda vill ofta inaktivera specifika plugins för mobila enheter. Det är där den här artikeln kan hjälpa till.
Låt oss titta på hur du enkelt inaktiverar enskilda WordPress-plugins för mobilversionen av din webbplats.
Konfigurera Plugin Organizer-pluginet för WordPress
Det första du behöver göra är att installera och aktivera pluginet Plugin Organizer. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Viktigt: Plugin Organizer är mycket kraftfullt. Att inaktivera plugins kan orsaka oväntade konflikter och beteenden och kan till och med göra din webbplats otillgänglig. Vi rekommenderar att du skapar en fullständig WordPress-backup innan du inaktiverar några plugins.
Vid aktivering måste du besöka sidan Plugin Organizer » Settings för att konfigurera pluginet.
Bortsett från standardalternativen behöver du bara slå på följande alternativ:
- Selektiv laddning av plugins
- Selektiv laddning av mobilplugins
Glöm inte att klicka på knappen ‘Spara inställningar’ längst ner på sidan för att spara dina ändringar.
Skapa ett Must-Use-plugin för Plugin Organizer
Plugin Organizer behöver ett måste-använda (MU) plugin för att fungera korrekt. Ett 'Must-Use' eller 'MU' plugin är en speciell typ av plugin som alltid är aktiv på din webbplats. Detta gör att Plugin Organizer kan laddas först och hantera dina andra plugins korrekt.
Pluginet kommer automatiskt att försöka skapa den här filen åt dig, men om det misslyckas måste du skapa den på egen hand.
Kontrollerar om måste-användas-plugin skapades automatiskt
Låt oss börja med att kontrollera om pluginet kunde skapa MU-pluginet automatiskt.
Du kan göra detta genom att gå till sidan Plugins » Installera plugins. Du kommer att se en ny länk märkt ‘Must-Use’, och om du klickar på den visas de installerade MU-pluginsen på din webbplats.
Om du inte ser pluginen 'Plugin Organizer MU' eller länken 'Must-Use', betyder det att pluginorganisatören misslyckades med att skapa filen, och du måste göra det manuellt själv.
Skapa must-use-pluginet om nödvändigt
Först måste du ansluta till din webbplats med en FTP-klient eller filhanteraren i cPanel. Sedan måste du gå till mappen /wp-content/plugins/plugin-organizer/lib/.
Nu bör du ladda ner filen som heter PluginOrganizerMU.class.php till din dator.
Därefter måste du gå till mappen /wp-content/mu-plugins/. Om du inte har en mu-plugins-mapp i din /wp-content/-mapp, måste du skapa en.
Nu bör du ladda upp filen PluginOrganizerMU.class.php från din dator.
Eftersom "mu" står för Must-Use, laddar WordPress filer i den här mappen före allt annat. Plugin Organizer kan nu använda den här filen för att stoppa andra plugins från att laddas tidigt, och på så sätt hantera dina plugins korrekt på både mobil och dator.
Inaktivera specifika WordPress-plugins i mobilversionen
Plugin Organizer gör det mycket enkelt att inaktivera WordPress-plugins på mobilen. Gå helt enkelt till sidan Plugin Organizer » Globala plugins.
På den här skärmen, titta precis ovanför listan över plugins för en rullgardinsmeny märkt 'Plattform'. Du måste välja alternativet 'Mobil' först. Detta säkerställer att du bara påverkar mobila enheter.
Titta sedan på din lista över installerade plugins. Klicka helt enkelt på de plugins du vill inaktivera för mobilanvändare så att de blir röda.
Om du gör ett misstag, klicka bara på plugin igen för att cykla genom färgerna tills det är tillbaka till det normala.
När du är klar, glöm inte att klicka på 'Spara'-knappen för att spara dina ändringar. Pluginorganisatören kommer nu att inaktivera dessa plugins på din mobila webbplats.
Plugin Organizer gör det också enkelt att inaktivera enskilda WordPress-plugins för specifika inlägg, sidor, användarroller och andra parametrar. För att lära dig hur kan du se vår guide om hur man använder Plugin Organizer för att snabba upp WordPress.
Vanliga frågor
Här är svar på några av de vanligaste frågorna vi får om att inaktivera plugins för mobilbesökare.
1. Vilka typer av plugins är bäst att inaktivera för mobilanvändare?
Bra kandidater är plugins som lägger till funktioner främst för datoranvändare eller är mycket resurskrävande. Detta kan inkludera komplexa sidbyggare, vissa slider-plugins eller widgets för sociala medier.
Om du till exempel har en WPForms-kontaktformulärwidget i din sidofält som bara visas på datorskärmar, kan du säkert inaktivera ditt formulärplugin för mobilanvändare för att spara laddningstid.
2. Kommer inaktivering av plugins för mobilanvändare att negativt påverka min SEO?
Tvärtom bör det hjälpa din SEO. Mobil sidhastighet är en betydande rankningsfaktor för Google. Genom att inaktivera onödiga plugins på mobilen förbättrar du laddningstider och användarupplevelse, vilket är positiva signaler för sökmotorer.
Finns det ett sätt att göra detta utan att använda Plugin Organizer-pluginet?
Ja, men den här metoden är för avancerade användare och har betydande nackdelar. Medan du kan använda den villkorliga taggen wp_is_mobile() i anpassad kod, misslyckas den ofta på webbplatser som använder cache-plugins. Eftersom cachade sidor ofta serveras till alla besökare oavsett enhet, kanske kontrollen inte körs korrekt, vilket gör det till en opålitlig lösning. Av denna anledning är användningen av ett dedikerat plugin som Plugin Organizer den säkraste metoden.
Notera: Även när du använder Plugin Organizer, om du använder ett cache-plugin (som WP Rocket), måste du se till att dess inställning 'Separera cache för mobila enheter' är aktiverad så att rätt version av din webbplats levereras.
4. Hur kan jag verifiera att plugins faktiskt är inaktiverade på mobilen?
Du kan använda din webbläsares utvecklarverktyg. I Google Chrome, högerklicka på din webbplats, välj 'Inspektera' och klicka sedan på ikonen 'Växla enhetsverktygsfält' för att simulera en mobiltelefon. Du kan sedan använda fliken 'Nätverk' för att se vilka plugin-skript och stilar som laddas (eller inte laddas).
Ytterligare resurser för optimering av WordPress för mobila enheter
Vi hoppas att den här guiden hjälpte dig att lära dig hur du enkelt inaktiverar specifika WordPress-plugins för mobilanvändare. Du kanske också vill se några andra guider relaterade till optimering av WordPress för mobila enheter:
- Sätt att skapa en mobilvänlig WordPress-webbplats (experttips)
- Hur man döljer en WordPress-widget på mobilen (enkelt för nybörjare)
- Hur man skapar en mobilklar responsiv WordPress-meny
- Hur man lägger till en fullskärms responsiv meny i WordPress
- Hur man enkelt skapar en responsiv slider i WordPress
- Hur man skapar mobilpopups som konverterar (utan att skada SEO)
- Hur man ändrar färgen på adressfältet i mobilwebbläsaren så att den matchar din WordPress-webbplats
- Hur man lägger till en klick-för-att-ringa-knapp i WordPress (steg för steg)
- Bästa responsiva WordPress-teman
- Hur man visar mobilversionen av WordPress-webbplatser från skrivbordet
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Dennis Muthomi
Det här är exakt den lösning jag har implementerat på klienters webbplatser med utmärkta resultat.
Efter att ha använt Plugin Organizer för att inaktivera tunga formulärbyggare och vissa sociala delningsplugins på mobilen har jag sett laddningstiderna förbättras med upp till 40% på flera webbplatser.
Ett praktiskt tips jag skulle ÄLSKA att lägga till är att innan du inaktiverar några plugins för mobilen, skapa ett kalkylblad för att spåra hastighetstester för mobil kontra stationär dator för varje plugin du planerar att inaktivera. Detta hjälper till att identifiera vilka plugins som faktiskt påverkar mobil prestanda mest och ger konkreta data för klientrapportering.
Jiří Vaněk
Detta är en utmärkt handledning. Jag har flera plugins som visar t.ex. sociala ikoner på skrivbordsversionen och så vidare. De används inte alls på mobilversionen av webbplatsen och jag stänger av dem med CSS – så de körs fortfarande i bakgrunden, de är bara inte synliga. Detta kommer att vara en mycket mer elegant lösning och webbplatsen kommer att bli lite snabbare. Tack så mycket för de detaljerade instruktionerna.