Web App Speed - Hackdot

Re:Web App Speed by supster on Sunday May 31, 2015 @07:40PM (#9636058)

People are using the canvas now to achieve fast speeds on mobile web. See Flipboard's post on this [1]. The big issue ppl brought up was that using canvas instead of DOM meant losing accessibility. Btw Flipboard released an interesting framework called React-Canvas[2] based on their efforts.

1. http://engineering.flipboard.com/2015/02/mobile-web/ 2. https://github.com/Flipboard/react-canvas

[ Parent | on HN ]

Re:Web App Speed by thekingshorses on Sunday May 31, 2015 @08:51PM (#9636256)

Flipboard assumed DOM is slow. I don't even think they created a prototype to see how slow DOM is.

I implemented this in few hours. Works on iOS, Android 4+ and WP

- Demo for mobile: http://premii.com/play/flipboard-style-news/

- I am using it in real app here. http://reddit.premii.com/#/r/news/

[ Parent | on HN ]

Re:Web App Speed by squeaky-clean on Monday June 01, 2015 @10:05AM (#9638623)

Your demo works, but I get an average of 10fps on my LG G3 and 20fps on my iPad, with the occasional freeze. The Flipboard demos are incredibly smooth with no lag or hanging at all.

[ Parent | on HN ]

Re:Web App Speed by thekingshorses on Monday June 01, 2015 @10:43AM (#9638900)

iPad was released 5 years ago. I have iPad2 and iPad air 2, and both works fine.

I don't have LG. I have tested on Asus, Samsung S3, and Nexus 5. Try it on Chrome browser, and see how it works.

Some images (Washington post, latimes, etc) are bigger than 20 MB each. All browser freezes when you render those images. My demo specifically includes those to see how bad it performance on different devices.

One of the benefit of being a big company is you can control everything. Flipboard scales down those images to 300kb before sending it to browser. I use original images.

[ Parent | on HN ]

Re:Web App Speed by squeaky-clean on Monday June 01, 2015 @12:10PM (#9639763)

iPad Mini 3 if you really want me to be specific. I was trying it in the latest version of Chrome on my LG, that's where I get 10fps. Using the stock browser it freezes every other slide (and won't progress past slide 4).

> Some images (Washington post, latimes, etc) are bigger than 20 MB each

Why not use resized ones for your test? Sort of invalidates it if you can't tell if it's being janky because of the DOM or because of image size.

[ Parent | on HN ]

Re:Web App Speed by rimantas on Monday June 01, 2015 @03:59AM (#9637242)

DOM is slow. And your example on iPhone 6… well it „works“, but for sure it does not work well.

[ Parent | on HN ]

Re:Web App Speed by thekingshorses on Monday June 01, 2015 @10:48AM (#9638933)

What doesn't work well?

Does it freezes on 5th and 18th item? That is on purpose.

[ Parent | on HN ]