Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

feat: reduce layers numbers on low end devices#3235

Open
Cl0v1s wants to merge1 commit intoelk-zone:main
base:main
Choose a base branch
Loading
fromBDX-town:reduce-layers

Conversation

Cl0v1s
Copy link
Contributor

@Cl0v1sCl0v1s commentedMar 15, 2025
edited
Loading

A high number of layers can be problematic on mobile devices (causing stutters on scroll, or blinking). Creating a layer is not a straightforward operation, and many CSS rules and configurations can generate them.

With current configuration, we are creating more than 1 layer per text-only status on page (3 is the usual number, can go up to 6 or more when media is embedded)

One such rule is the will-change property. The will-change property helps the browser optimize page rendering by indicating which parts of the page are likely to change, prompting the browser to place these parts on their own layers.

While this is generally desirable, a high number of layers can slow down the browsing experience on low-end devices. Allowing the option to disable this property when the related setting is enabled can improve overall performance.

(You can view the generated layers using Chrome's Layer Developer Tool by toggling the "optimize for low-end device" option.)

shuuji3 reacted with thumbs up emoji
@netlifyNetlify
Copy link

netlifybot commentedMar 15, 2025
edited
Loading

Deploy Preview forelk-zone ready!

NameLink
🔨 Latest commitf8ae946
🔍 Latest deploy loghttps://app.netlify.com/sites/elk-zone/deploys/67d5e85977164e00080ab1c0
😎 Deploy Previewhttps://deploy-preview-3235--elk-zone.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to yourNetlify site configuration.

@netlifyNetlify
Copy link

netlifybot commentedMar 15, 2025
edited
Loading

Deploy Preview forelk-docs canceled.

NameLink
🔨 Latest commitf8ae946
🔍 Latest deploy loghttps://app.netlify.com/sites/elk-docs/deploys/67d5e859f2e2b800084a4972

@Cl0v1sCl0v1s changed the titlefeat: optimize for low end device now reduce layer numbers by avoidin…feat: reduce layers numbers on low end devicesMar 15, 2025
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

1 participant
@Cl0v1s

[8]ページ先頭

©2009-2025 Movatter.jp