Einschränken des Herunterladens von Bildern je nach Größe des Geräts

Question

Wir verwenden Bilder in 3 Größen für 3 verschiedene Geräte. Zum Beispiel haben mobile-banner.png, tablet-banner.png, desktop-banner.png das gleiche Aussehen und Verhalten; aber unterschiedliche Größe und Auflösung. Können wir den Download von nicht relevanten Bildern abhängig von der Größe des Geräts einschränken (nicht ein-/ausblenden)? Die Leistung kann drastisch verbessert werden, wenn wir den Download von Mobil- und Tablet-Bildern für Desktops vermeiden. Ähnliche Weise für andere Geräte. Ich kann sehen, dass die Bilder heruntergeladen werden, obwohl sie in Desktop nicht verwendet werden (mobile und Tablet-Bilder). Freundlich helfen.

Answer 1

von dem, was ich von dieser Frage zu verstehen ist, dass Sie mehr wie ein reaktions hinzufügen möchten behaviour.If es so ist, können Sie die Bildgröße mit jquery.Some was wie folgt einschränken:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 

 
if ($(window).width() > 739) {  
 
    //Add your javascript for large screens here 
 
} 
 
else { 
 
    //Add your javascript for small screens here 
 
}