css - Improve performance ST2.3 app with Sencha Architect -
I'm trying to improve the performance of my touch 2.3 app. I created the application using Architect 3. Now, I read some posts about improving app performance by not including all the default cikka CSS classes (see). I would like to apply this method in my application (other suggestions will also be taken into account with gratitude). However, the app scss file is not used to compile / create my app using Cena Architect, because there are theming options in Senka Architect (see).
- Cache architect Version: 3.0.2.1375
- Cena CMD: 4.0. 2.67 Framework:
- Setachi 2.3.x
Kind regards
I have not used Sent Architect but have used an older version of the Sancha for a PhoneGap app, few ideas are rarely applied.
You can use the Chrome Audit tab to find unused. CSS and delete them. It also gives lots of suggestions on how to improve your code.
Some more suggestions: < / P>
- Use a remote-future cache expiration header, this will prevent the browser from sending a conditional request.
- If you want to cache them, try to reduce the HTML pages to 25.6KB or less, because previous tests indicate that these limitations ??? The device tested by the iOS 3.2 on the iPad was the smallest HTML resource limit for devices tested.
- Keep CSS and JS components under 1MB. Of course, 1 MB is heavy and your components should be much less than this, but do not get disturbed by sharing a component in different requests for capability As long as its size does not reach up to 1 Mb.
- HTML5 Application Cash If it is important that your components continue in the cache for a long time, or in the power cycle.
Also do not forget the basic stuff as SVG made to cut images on SVG requests to convert & amp; Increasing JavaScript is included in the bottom of the page.
If you are doing animations, then use CSS-3D conversion. It uses GPU instead of 2D conversion. Example:
translate3d ()
Hope it helps, good luck!
Comments
Post a Comment