How we can put all css files to the head of the document.
Regards
Hello,
The css is in the head of the document by default. People usually request to move it to the footer section as the google pagespeed insights suggest. Please provide an example of what css is not in the head section by default.
Thank you!
I am doing an audit on developper tools of chrome.
As a result i have these.
in the put css in the document head part i have these css files ;
1 – https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700&ver=6.6.3
2 – https://fonts.googleapis.com/css?family=Roboto:500,400italic,700,500italic,400,300&ver=6.6.3
3 – https://www.estambul.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.6.3
4 – https://www.estambul.net/wp-content/plugins/font-awesome-4-menus/css/font-awesome.min.css?ver=6.6.3
I understand that last two comes from plugin.
Another thing i have
Optimize the order of styles and scripts (4)
The following external CSS files were included after an external JavaScript file in the document head. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
js_composer.min.css
style.css
2 inline script blocks were found in the head between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
I hope it clears my question.
And also i found that moving those css to head part will solve a w3 validation issue also.
Hi,
1. All theme’s style files are already loaded in the head including these two font style files: http://screencast.com/t/5GC1v9HEpS You can check your site: http://screencast.com/t/DpDYcPQKw3ak
2. The second notification refers to this two indicated theme’s and VC css files which are loaded after the indicated/highlighted wp style tag: http://screencast.com/t/3QwpcK3nqIe which comes from WordPress.
Thanks for the message!
