Ways to seed up page loading from Google

[Alexander Obuhovich]

I've found an interesting resource https://developers.google.com/speed/docs/best-practices/rules_intro and here are some tips I've found interesting and useful in In-Portal:

https://developers.google.com/speed/docs/best-practices/rtt#PutStylesBeforeScripts (see "not_optimal_page_loading.png" attachment, lots of violet blocking requests)

1. load stylesheet files before javascript files
2. put any inline javascript after loading all of them

https://developers.google.com/speed/docs/best-practices/request

1. don't serve cookies long with stylesheet and javascript files

https://developers.google.com/speed/docs/best-practices/payload#CompressImages

1. use jpegtran and similar tools to remove useless (for browser) information from images used on websites (including admin console)

https://developers.google.com/speed/docs/best-practices/rendering#UseEfficientCSSSelectors

1. use efficient CSS selectors - selectors that not only work, but are processed faster by browser then other selectors, but work the same

Surely there is more to that document, that I was able to discover.

--
Best Regards,

http://www.in-portal.com
http://www.alex-time.com

[Dmitry A.]

Looks pretty convincing to me!

Sounds like there is room for improvement for us? :)

DA

[Alexander Obuhovich]

We already discussed a way to convert all toolbar images into sprites and I even write a script that:

1. takes all given module toolbar icon images (normal, hover, disabled)
2. removes duplicates
3. combines them into a single PNG file
4. creates CSS file that has selectors named as original toolbar images were named
5. creates HTML file to show every button in a sprite (for verification purposes only)

I've attached script and it's result.

I plan this as a css/png file pair in toolbar folder of each module and use them via m_ModuleInclude tag.

[Phil]

good idea to improve admin panel overall speed, and very powerful script!

Envoyé avec Sparrow

Pièces jointes :

- to_sprite.php

- core-toolbar-sprite.rar

[Dmitry A.]

Hi Alex,

Great start!

Also, I have found our original discussion on sprites and the task for this:

Merge all module toolbar buttons into same file - https://groups.google.com/d/topic/in-portal-dev/3qr6Yl_3w3Y/discussion

#698: Refactor all module Toolbar Buttons by Merge into one PNG file - http://tracker.in-portal.org/view.php?id=698

Also, I wanted to as how much work (in hours) is involved to get this one working correctly for all modules and if it's reasonable for us to add it to In-Portal 5.2.0 Beta3 in your opinion.

Cheers!

DA

[Alexander Obuhovich]

Posted in that discussion.