Giter Site home page Giter Site logo

Comments (2)

paulirish avatar paulirish commented on June 3, 2024

full thing:

Ensure that you are using the native Responsive Image Styles provided from Drupal (available in Drupal 8 and above). Use the Responsive Image Styles when rendering image fields through view modes, views, or images uploaded through the WYSIWYG editor.

cc @moerazem

cc @webchick maybe you can help us out with wording or tag in someone who can?

this text is shown to lighthouse users when analyzing a page that's hosted by drupal. so they should have some familiarity. Perhaps we can remove some of the detail here? does https://www.drupal.org/docs/mobile-guide/responsive-images capture most of what they need to know?

from lighthouse-stack-packs.

moerazem avatar moerazem commented on June 3, 2024

I'd say the most common ways of rending images in Drupal are indeed view modes, views, or WYSIWYG embeds.
This terminology should be clear to Drupal developers/site builders.

The reason I wanted to emphasize those three ways, is because it's very common for Drupal developers/site builders to configure Responsive Image Styles on a node/content when displayed in its own page, but skip that (or miss it) when displaying it via a "view". "Views" can also display images through individual "fields" or a "view mode" that includes an image.
Hence, this description to emphasize those various ways to alert Drupal developers/site builders when rendering images.

Any edit/suggestion to make it clearer is also extremely appreciated.

from lighthouse-stack-packs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.