Website optimization - CSS integration

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Jun 26, 2013 6:02 pm
Reply with quote
Report this post
Hello,

As I noted in another post, I had timing out issues in a test site I am experimenting with.

My ISP installed a php.ini to alleviate the problem, and I no longer get the 1064 error. However, the site slowed considerably or stalls still, even with the php.ini. I had to re-click to load the page.

This is critical because I have a relatively fast internet connection, like many people in Western countries have. However, this is not true in many other countries, like the Philippines and for customers that still use dial-up internet phone connection. To illustrate this point, a number of Flickr members have stopped using the site because of the new format -- it takes forever to load and uses too much bandwidth.

    1. I noticed the test site started slowing (without the error), when I started using (activated) the override.css. This is understandable based on Google optimization articles -- execution any css in the override.css requires query to the various CSS files scattered in various directories all over the site. And, this adds another layer of complexity to the integration to create a page.

    2. One solution suggested is to reduce (integrate) the numerous css files. Once a site is fully debugged and mature, hypothetically, it is even possible to create a single css file or a few css files so that that script to summon css files will be reduced drastically.

    3. I used to be able to do the above integration of CSS files and change the corresponding CSS scripts in the index.php in early Joomlart templates, and it significantly improved the presentation speed of my websites. However, when Joomlart ramp up the modularization based on their T3 design, it exponentially increased by several magnitude in regard the number of files that have to be integrated that consequently also slowed the page presentation by several magnitude.

    More important, it became too complex to trace where the CSS command scripts are located, so I gave up doing the CSS integration. I present my Joomlart experience because if I understand correctly Gavick has undergone a similar modularization.

    4. This brings me to the override.css.
    (4a.) Hypothetically, can the override.css be converted into, or serve as the "integrated" CSS file to reduce the number of CSS files? For example, some CSS files are either empty or include only a few CSS elements. What I intend to do is place the revised CSS at the top of the "override.css". With proper annotation, I intend to copy the entire content of specific CSS files and paste them in order in the "override.css".

    (4b.) If (4a.) is implemented what script files must be edited to remove the script instructions that summons the removed CSS files.

    (4c.) [I know this is difficult to do and it will take quite a bit of time, but it's worth the effort if it can speed up page presentation.]


Cornelio
User avatar
Expert Boarder

GK User
Wed Jun 26, 2013 6:25 pm
Reply with quote
Report this post
In theory, if it goes only to css files You could view source of complete page, and write down all css files that are loaded through entire page. Then You could either manually copy all content to one file (in order that css file appears in source code), or copy them to one folder, change name by adding "_" in front of the name, and then use tool like SASS to create one compliled css file by importing all other files - this way, whenever You would like to make some changes - You could do it in original files and then compile them back to one source file.
Try SASS documentation, its quite easy to set up.
User avatar
Moderator


cron