1
Hey guys,
I wanna talk about tricks and techniques you use to improve your site load parameters. Nobody likes a slow website, so lets work together on bringing the best xoops experience.
I've recently made some on-page optimization myself, lets start from it:
1. Optimize your images size. Most of the images can be optimized and their size can be reduced with no quality loss. I used this tool (
http://www.punypng.com/) for this purpose and it worked like a charm. I've saved up to 100 kB by just doing it.
2. Combine images in a CSS spray. A lot of people use it now, but for those who's not aware, CSS spray is like a set of all images you have on your page combined in a single file rendered only once when you load a page. It reduces the number of http queries and your page loads much faster. I've had like 20 different images on my homepage so I combined them into 2 css sprays and it reduced the number of http queries from 99 to 75 which is much better. I used this tool (
http://css-sprit.es/) to do this. I lot of modules like newbb with lots of separate icons and buttons will load much faster if you make a css sprays for them.
3. Combine your css files into a single file and optimize it. I noticed than in my theme first it loads xoops.css and style.css then. My style.css has everything xoops.css has so by removing a call to xoops.css from theme.html I've reduced the page size (for like 15 Kb) and one http query which is good too. Then I optimized my css via this tool (
http://www.cleancss.com/) which reduced my css file size in two times.
Initial data (via
http://tools.pingdom.com) : Queries: 99, Page size: 705KB.
After optimization: Queries: 75, Page size: 537KB.
The page speed needs some weekly average data so I can't tell the results now.
A lot of things can be done additionally (like .js files combining and compressing) but I don't know much about it so I hope someone will share
Deka87
Mind anchors