Combine external css files 
Autore: Terry R.Please could somebody shed some light on this problem, so i have ran my site through a wbsite grader and its scoring 84 but needs work on performance due to rederblocking java script and too many external css files. i have tried combining these into one file and deleting the multiple original call requests and only requesting the new css file by exporting the site opening the iwzip file and editing it all and then reinserting the said files back into the iwzip file and importing into the program and uploading, the thing is when it uploads it it resets all the changes i have made and goes back to calling each css file individually. am i doing something wrong? also i need help asyncing my js queries, i have added coding into the "after opening the head" section of the index page but again upon upload i check the source at the live site and all coding is gone??? the code is as follows:
(function() {
var script,
scripts = document.getElementsByTagName('script')[0];
function load(url) {
script = document.createElement('script');
script.async = true;
script.src = url;
scripts.parentNode.insertBefore(script, scripts);
}
load('//res/jquery.js');
load('//res/x5engine.js');
load('//imHeader_pluginAppObj_03/main.js');
load('//imFooter_pluginAppObj_14/main.js');
load('//imStickyBar_pluginAppObj_01/main.js');
}());
<link rel="stylesheet" href="main.css" media="all">
the domain is www.discountwashers.co.uk.
Any help is greatly appreciated as i need to get this issue resolved.
TIA.
Autore
any incomedia help on this subject??
... no! IWZIP...
1) attach the extra file "filename.css" to the project (files folder)... ... files/filename.css
2) In the Expert panel | Custom code | > Before closing the HED tag, enter this code:
<link rel="stylesheet" type="text/css" href="files/filename.css" media="screen" />
.
ciao
Autore
What I am refering to is render blocking. How do I fix this?
Pic attached.
Regards.
(Übersetzt von Google) - Sorry, aber vielleicht verstehe ich die Anfrage nicht.
Erstens können die CSS-, JavaScript- und jQuery-Dateien für die Site nicht manipuliert werden, da sie für die vollständige Operation essentiell sind.
Für den Test online zu hören, dann sollten Sie eine Website mit dem Windows-Editor, keine Effekte, Tunnels usw. erstellen, und nur aus Text und einige Bildern bestehen.
Ich sehe diesen Code nicht auf Ihrer Seite.
Sie sollten den vollständigen Code und auch die LINK Quelle, wo Sie diesen Code bekommen haben, posten.
In der Regel müssen sich die Skripts im TAG <SCRIPT> *** </ SCRIPT> befinden ...
Das Skript, nach den Ereignissen angeboten wird, konnte vor dem Schließen / HEAD oder den Körperabschnitt angeordnet werden, oder in einem Subjekt, HTML-Code in eine Zelle der Seite eingefügt ...
(IT) - Scusa, ma forse non capisco la richiesta.
In primo luogo, i files CSS, JavaScript, jQuery, a servizio del sito non possono essere manipolati, in quanto essenziali per il completo funzionamento.
Per dare retta i TEST online, allora dovresti realizzare un sito con il blocco note di Windows, senza effetti, gallerie, eccetera, e composto solo da testo e poche immagini.
... ... ... Non vedo quel codice nella tua pagina.
Dovresti postare il codice completo ed anche la fonte LINK di dove hai prelevato quel codice.
In genere gli script devono stare dentro al TAG <SCRIPT>***</SCRIPT>...
Lo script, a secondo degli eventi che devono svolgere, possono essere posizionati prima della chiusura di /HEAD, oppure nella sezione BODY, oppure in un Oggetto Codice HTML inserito in una cella della pagina...
.
ciao
Autore
Sorry don't understand!
Hi Terry.
This is a general suggestion by google to improve the speed of the pages and these files cannot be removed since they are needed by WebSiteX5 to display the content correctly.
These files are really small and do not lower the loading speed of the page.
I'd like to let you know that we are constantly working on order to improve these files so that they can become always more inline with the standard Google Guidelines as shown in this test.
Unfortunately, Incomedia does not offer support for custom code, meaning that you will have to wait for other users to help you out with whatever code you wish to implement on your website, or search it up online.
What I can help you with, is the fact that you mention that you inserted your custom code somewhere in the software, and it got removed inside your webpage.
May I ask where exactly, at what step and in what section this code was appended? You should be able to see it online after exporting the website again.
Please do keep me updated
Stefano
(Translated by Google) - Sorry, I used the translator in German.
Sorry, but maybe I do not understand the request.
First of all, the CSS, JavaScript and jQuery files for the site can not be modified because they are essential for the whole operation.
To listen to the online test, you need to create a website with the Windows editor, without effects, tunnels, etc. And include only text and some images.
I do not see this code on your page.
You should publish the complete code and also the LINK source where you got this code.
Typically, the scripts must be in the <SCRIPT> *** </ SCRIPT> tag ...
The script that offers events could be inserted before closing / HEAD or the body section, or in a subject, inserting the HTML code in a cell of the page ...
I'm sorry, as I said before, maybe I did not even understand your request ...
The experts in mother tongue will be able to tell you more.
.