Skip to content
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 our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Infinite Scroll: Update to not require jQuery #14862

Closed
josephscott opened this issue Mar 3, 2020 · 0 comments · Fixed by #15017
Closed

Infinite Scroll: Update to not require jQuery #14862

josephscott opened this issue Mar 3, 2020 · 0 comments · Fixed by #15017
Assignees
Labels
[Feature] Infinite Scroll [Focus] Performance [Pri] Low [Type] Enhancement Changes to an existing feature — removing, adding, or changing parts of it

Comments

@josephscott
Copy link
Contributor

When enabling the Infinite Scroll feature in Jetpack it brings with it jQuery. That is a significant amount of additional JavaScript on a page that wasn't loading jQuery before.

Describe the solution you'd like

I'd like to see an updated version of the Infinite Scroll code that did not require jQuery - a.k.a vanilla JavaScript.

Additional context

I recently ran tests under slow mobile conditions and just enabling the Infinite Scroll feature increased the start render time by 26%. One of the reasons for that is the 647% increase in the amount of JavaScript being loaded. Of that jQuery is a large chunk, at 94 KB.

@jeherve jeherve added [Pri] Low [Type] Enhancement Changes to an existing feature — removing, adding, or changing parts of it labels Mar 4, 2020
@dero dero self-assigned this Mar 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Infinite Scroll [Focus] Performance [Pri] Low [Type] Enhancement Changes to an existing feature — removing, adding, or changing parts of it
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants