DEV Community

Discussion on: The Web I Want

 
silkster profile image
Dan Silk

That’s awesome!

Thread Thread
 
gypsydave5 profile image
David Wickes

So it was taking three seconds to load a form. Thirty pages of forms were taking on average three seconds. So some of them were taking longer than three seconds to load. To load an HTML form.

Look, I'm not doubting that you got a huge performance boost by moving to Vue. Great work!

I'm just wondering what the original version was doing to take so long to render a form.

Thread Thread
 
dinsmoredesign profile image
Derek D

Several large JS and jQuery libraries were being loaded to perform specific validations, masking and calculations of card numbers and other input events, of which 90% of the library was unused. Also, since the page now loads the view model asyncronously on load via AJAX, rather than binding directly to it via Razor, there's no render blocking happening.

Thread Thread
 
mvz profile image
Matijs van Zuijlen

SPA frameworks in particular are good on slower connections because the browser does most of the work up front to load the page structure and resources.

I must be missing something here, because for a sane content oriented site, page structure should not be much larger than the content, and resources would be cached.

Also, it takes time to load the stuff up front, so you're trading speed of second and later page loads for the speed of the first one. That is not necessarily a good trade-off.

Thread Thread
 
quii profile image
Chris James • Edited

Indeed

I feel like I could write another post entirely about the fetish of initial page load at the expense of the performance of everything else.

Thread Thread
 
ckahle33 profile image
Craig Kahle

You totally should. I would read it. People freak out over this.

There are a handful of fast languages, Go, Elixir etc.. that are excellent at rendering html very quickly. For slower languages, using simple caching can speed things up considerably as well as optimizing queries using EXPLAIN in sql.