Comments (2)
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.
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)
- React Pack HOT 1
- Angular Pack HOT 1
- Illegal formatting in AMP stack pack HOT 1
- Drupal Stack pack HOT 2
- React stack pack HOT 5
- Typo in magento HOT 1
- React "route navigations"
- Suggestion: Ember.js Stack Pack HOT 1
- More high-level audit suggestions in the Drupal pack HOT 1
- Request list of checks Lighthouse does to write an up to stack pack HOT 1
- `time-to-first-byte` was renamed
- How do I use? HOT 1
- type gen needs some tlc
- nextjs logo is low contrast in dark mode
- Broken link in wordpress
- Add INP-related advice re: React 18
- [WordPress] Suggest the Performance Lab plugin where applicable HOT 4
- Suggestion: Improve docs to add 'offline' stack packs; build your own stack pack and recommendations HOT 5
- de-dupe some strings
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lighthouse-stack-packs.