Comments (4)
I'd tend to support the goal of prefetching on hover, it can substantially improve the feature. The fact that we show a zoom cursor suggests you're just zooming the image, not loading it. I recognize there's all sorts fof technical challenges to making this happen, but conceptually it would help match expectations. I'd avoid a user setting that featuers a UI, though.
from gutenberg.
Hey @westonruter, thanks for creating this issue! We were previously loading the image on hover but it was removed due to concerns that it would cause unnecessary loading of many images, particularly on large pages. Here's a comment where it was mentioned, and the functionality was removed in this commit.
I see that there's been more discussion around matching speculation rules since then. Right now we're taking the conservative eagerness approach in the link you mentioned. I'm fine with either approach but will ping @SantosGuillamot @cbravobernal @jasmussen for thoughts.
Quick summary of the discussion: We previously had prefetching on hover but removed it, and since then there's been discussion on potentially adding it back, along with an open PR.
from gutenberg.
It seems that code was preloading the image immediately on hover? If there is a 200 ms timeout to start preloading would that have prevented the issue?
from gutenberg.
I'm fine with any option. Preloading the image on hover if there is a timeout seems fine to me. Back then, it was downloading most of the images while scrolling down, and I guess this would avoid that problem.
Having said that, should we have a setting/filter in case users want to change the preloading strategy?
from gutenberg.
Related Issues (20)
- Block Editor: RichText does not function properly as a controlled component
- Inconsistent UI in editor settings
- Fix accessibility of the post summary controls HOT 6
- Font Library: Center align "No fonts installed" message in library tab HOT 1
- Fix accessibility of the BoxControl component
- Allow InnerBlocks Component's allowedBlocks prop to pass options to child blocks
- Revise "Sticky Posts" control help text to be more concise and accurate HOT 1
- Add an Option to Manage "Max-Width" of Text and Headings in Gutenberg Editor HOT 2
- Css specificity issues with blockGap from theme.json and from editor (W6.6.1) HOT 2
- Typescript error is preventing the building of Gutenberg project HOT 4
- "Editor Preferences" and "Keyboard shortcuts" commands don't work
- Core group block as inner block shows the block variation picker HOT 1
- Query block Post Template Auto Grid Layout doesn't work on narrow viewport
- Homepage should directly editable in the Site Editor HOT 1
- Improve Inline Documentation
- Grid interactivity: Mover layout and styling issues
- Enhance Global Typography Settings to Include Specific Colors for Each Heading Level HOT 4
- Improve Inspector controls for List block
- Site Editor: Provide Context and Direct Links to Fix Empty Templates
- Add new Custom template with "Duplicate" action
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 gutenberg.