我应该在服务器端调整图像大小还是在MVC应用程序中使用css

我应该在服务器端调整图像大小还是在MVC应用程序中使用css,css,angularjs,model-view-controller,Css,Angularjs,Model View Controller,我开发了一个MVC+Angular js电子商务站点,其中加载了大量图像。我对网站的性能有一些疑问 加载了大量图像。我应该创建不同大小需要的缩略图,然后显示它们,还是应该使用css或任何其他技术调整大小 如何缓存站点的图像 如果您关心性能和加载时间,您应该在服务器端创建缩略图。Css只会将图像缩放到所需的宽度,但仍会加载较大的图像 我建议您制作缩略图,然后根据不同的需要使用不同的图像大小(较小的用于产品列表,较大的用于产品页面…) 您甚至可以在同一位置使用不同的图像src,根据设备宽度进行切换,

我开发了一个MVC+Angular js电子商务站点,其中加载了大量图像。我对网站的性能有一些疑问

  • 加载了大量图像。我应该创建不同大小需要的缩略图,然后显示它们,还是应该使用css或任何其他技术调整大小

  • 如何缓存站点的图像


  • 如果您关心性能和加载时间,您应该在服务器端创建缩略图。Css只会将图像缩放到所需的宽度,但仍会加载较大的图像

    我建议您制作缩略图,然后根据不同的需要使用不同的图像大小(较小的用于产品列表,较大的用于产品页面…)


    您甚至可以在同一位置使用不同的图像src,根据设备宽度进行切换,从而进一步缩短移动设备的加载时间。您可以通过
    ng src
    或甚至使用css with

    来实现这一点,您可以进行图像压缩或延迟加载。@Ananya…Ok将详细介绍