search

ruucm / shadergradient

Create beautiful moving gradients on Framer, Figma and React
https://shadergradient.co
719 stars 31 forks source link

Google Pagespeed Timeout #80

Open appinteractive opened 5 months ago

appinteractive commented 5 months ago

First thanks again for this library!

Sadly I found an issue with Google Pagespeed which does timeout for desktop when using this library.

It's reproducible with your configurator:

https://pagespeed.web.dev/analysis/https-www-shadergradient-co-customize/npdegqvry5?form_factor=desktop

generic::deadline_exceeded: Render timeout received in extension.

Any idea how to solve this? Has anyone solved it somehow?

And @ruucm any updates on the "rewrite/update"?

ruucm commented 5 months ago

from the last update, I removed not related dependencies and package size is decreased by 550%

https://www.npmjs.com/package/shadergradient/v/1.2.5?activeTab=readme

https://www.npmjs.com/package/shadergradient/v/1.2.10

But to make web performance better we also need configure the website base itself not only packages.

Check this nextjs + three.js example how they optimized performances.