Eine Diashow mit <amp-image-lightbox>
vergrößert ein Thumbnail zu einem größeren Bild. Das Problem ist, dass das Thumbnail das volle Gewicht Ko ist, genauso wie das vergrößerte Bild. Dies löst eine Warnung in den Google PageSpeed Insights aus: "zu viel Ko". Wie kann ich das kleine Bild mit weniger Ko entsprechend seiner Größe in px
mit <amp-image-lightbox>
anzeigen?Amp-Bild-Lightbox = PageSpeed Insights Warnung
1
A
Antwort
0
Ich denke, Sie können das srcset
Attribut wie gezeigt here verwenden, um dies zu erreichen. Ich hoffe das hilft.
+0
Ich habe srcset ausprobiert, aber es funktioniert nicht: ein kleines Bild wird verschwommen, sobald es vergrößert ist, das ist alles. –
+1
Ja! Es funktioniert mit srcset auf diese Weise:
Verwandte Themen
- 1. PageSpeed Insights API Grenzen
- 2. Export PageSpeed Insights (von Google) Ergebnisse
- 3. Firebase-Hosting-Cache + Google PageSpeed Insights
- 4. Leveraging maps.googleapis Browser-Caching, wie pro Google Pagespeed Insights Beratung
- 5. Fehler beim Analysieren der Seite mit Google PageSpeed Insights
- 6. Optimierung für Google PageSpeed Insights: Caching und Compress
- 7. So automatisieren Sie Google PageSpeed Insights-Tests mit Python
- 8. Wie Bild von Facebook-Seite Plugin auf Pagespeed Insights
- 9. Ergebnis 100 bei Google PageSpeed Insights mit Meteor (dh einer Web-App-Zielseite)
- 10. So optimieren Sie die von Instagram angeforderten Bilder, um PageSpeed Insights zu erfüllen.
- 11. Warum pageSpeed Insights fragt mich, "Blob" -Komprimierung und Cache zu beheben?
- 12. AMP-HTML - Kombinieren Sie erweiterte Komponenten? - Browser-Caching-Problem - PageSpeed Insights
- 13. Google PageSpeed Insights Fehler: Beim Abrufen oder Analysieren der Seite ist ein Fehler aufgetreten.
- 14. Google PageSpeed Insights Claims Ich lade Schriftart nicht von der Website verwendet
- 15. Pagespeed Insights Detects Blocking JS und CSS in meiner Webseite übertragen. Wie behebe ich das?
- 16. Google PageSpeed und jpg verlustfreie Komprimierung
- 17. Http2 brauchen PageSpeed Module?
- 18. Google Page Speed Insights - Basis-Authentifizierung
- 19. Google PageSpeed Apache Fehlerprotokoll CentOS
- 20. Nginx PPA mit Google PageSpeed
- 21. Application Insights
- 22. Application Insights Delay?
- 23. Application Insights Abhängigkeitstypen
- 24. App Insights - Pivot-Ergebnis
- 25. Facebook Page Insights PHP
- 26. Log4Net mit Application Insights
- 27. Application Insights schlaffe Integration
- 28. Application Insights Logs Analyse
- 29. Application Insights - Komponententests, Azure
- 30. Azure Application Insights
Wofür steht "Ko"? – Andrew
Ich meine Kilo-Oktett oder Kilobyte. –
Oh, das macht mehr Sinn ... Ich habe es als Knockout gelesen ... – Andrew