Tutorials • Dev
Het configureren van de Google PageSpeed-module
In dit artikel wordt de methode gepresenteerd voor het selectief activeren of deactiveren van PageSpeed-filters met betrekking tot de aanvullende SEO-optie.
10
Zichten 2310Bijgewerkt 3 aniGepubliceerd op 04/06/2020door Alexandru Jurca
Inleiding
- In het geval dat het activeren van de aanvullende SEO-optie en impliciet de Google PageSpeed-module ongewenste verschillen binnen de site creëert, ofwel visueel of functioneel, kunnen verschillende componenten van de module selectief worden gedeactiveerd door het .htaccess-bestand te bewerken.
Vereisten
- De toegangsgegevens voor het controlepaneel (Plesk of cPanel, afhankelijk van het geval), voor het bewerken van het .htaccess-bestand via de Bestandsbeheerder.
Stappen
- Om te controleren of de PageSpeed-module verantwoordelijk is voor het probleem, kan de hele module worden gedeactiveerd door de volgende regel toe te voegen aan het .htaccess-bestand in de rootdirectory van de site:
ModPagespeed off
- Na deze stap, als de site correct laadt, zullen de hierboven toegevoegde regels worden verwijderd en zal het proces worden voortgezet om het specifieke element te identificeren dat verantwoordelijk is voor de onjuiste weergave.
- Een eerste stap zou zijn om de fouten te controleren die worden ontvangen bij het laden van de pagina door deze te openen in de Ontwikkelaarsmodus van de browser, waarbij de algemene sneltoets voor activatie F12 is voor gebruikelijke browsers. Een laadfout voor JS of CSS zal bijvoorbeeld een mogelijke conflict met PageSpeed-filters aangeven, die met deze elementen interactie hebben.
Om een specifieke filter uit te schakelen, moet de volgende regel aan het .htaccess-bestand worden toegevoegd:
ModPagespeedDisableFilters filter_naam
Waar name_filter zal worden vervangen door de gewenste identificatie.
- Alternatief kan de werkwijze van PageSpeed worden gewijzigd, zodat u elk gewenst element selectief kunt activeren door het volgende in te stellen:
ModPagespeedRewriteLevel PassThrough
Vervolgens zullen de gewenste elementen voor activatie als volgt worden gespecificeerd:
ModPagespeedEnableFilters filter_naam
Ook zal naam_filter worden vervangen door de gewenste identificatie.
- Een .htaccess-bestand kan ook worden aangemaakt met deze regels in een subdirectory die stijlen (CSS, Javascript, HTML) bevat. Op deze manier zullen de voorkeurregels strikt van toepassing zijn op die subdirectory.
- De items die standaard zijn geactiveerd bij het inschakelen van de aanvullende SEO-optie zijn:
*Dit zijn ook de identificatoren die u kunt gebruiken in de .htaccess-regels.
-
- add_head
Voegt een element van het type <head> toe aan het document als het nog niet bestaat. - combine_css
Combineert meerdere CSS-elementen tot één. - combine_javascript
Combineert meerdere JavaScript-elementen tot één enkele. - verwijder_opmerkingen
Verwijdert opmerkingen uit verwerkte HTML-bestanden. Het verwijdert echter geen inline CSS of JavaScript-opmerkingen. - sprite_afbeeldingen
Combineer de achtergrondafbeeldingen van CSS in één sprite. - collapse_whitespace
Verwijdert lege ruimtes uit HTML-bestanden, met uitzondering van de tags: "pre, script, style, textarea" - lazyload_images
Laadt de afbeeldingen pas wanneer ze zichtbaar worden in de pagina. - convert_meta_tags
Voegt een "response headder" toe voor elke "meta" tag met een "http-equiv" attribuut. - extend_cache
Verleng de opslagduur voor de cache van afbeeldingen, CSS-elementen en scripts die niet zijn geoptimaliseerd, door de URL's te ondertekenen met een hash van de inhoud.
De volgende filters zijn standaard ingeschakeld als extend_cache is ingeschakeld:
extend_cache_css
extend_cache_images
extend_cache_scripts
Voor een hoger niveau van controle kunnen de bovengenoemde filters afzonderlijk worden geactiveerd - fallback_rewrite_css_urls
Herschrijf URL's voor bronnen die niet konden worden geminimaliseerd of verwerkt vanuit CSS-bestanden. - flatten_css_imports
Vervangt recursief elke @import regel door de inhoud van het geïmporteerde CSS-bestand om het aantal externe verzoeken te verminderen. - inline_css
Voeg externe CSS-bronnen van kleine omvang inline toe aan het HTML-document. - inline_import_to_link
Transformeer "style" tags die alleen CSS @import bevatten naar equivalente "link" tags - inline_javascript
Herschrijf kleine JS-resources als inline in het HTML-document. - rewrite_css
Herzie CSS-bestanden om opmerkingen en overtollige witruimte te verwijderen. - rewrite_images
Optimaliseer afbeeldingen door ze te wijzigen en extra pixels te verwijderen.
Voeg ook kleine afbeeldingen toe als inline's in het document. - rewrite_javascript
Herschrijf JavaScript-bestanden, verwijder overtollige witte ruimte en opmerkingen. - rewrite_style_attributes_with_url
Herschrijf de CSS in de Style-attributen als deze de tekst "url(" bevat met behulp van de rewrite_css filter die is geconfigureerd.
- add_head