Agregué un javascript que carga un css aleatorio cada vez que se carga el sitio, y después de agregar este script, el sitio web se muestra sin CSS durante unos milisegundos antes de mostrarse normalmente
Aquí está el guión:
(function() { var sheet = document.createElement('link'); sheet.rel = 'stylesheet'; sheet.href = 'css/' + (Math.floor(Math.random()*6)+1) + '.css'; document.getElementsByTagName('head')[0].appendChild(sheet); })();y aquí es donde lo puse en html. He intentado ponerlo fuera del cuerpo y fuera de la cabeza, pero sigue siendo el mismo problema.
<html lang="en" class="no-js"> <head> <script type="text/javascript" src="js/random.js"></script> <head>Nuevo código fijo:
var RANDOM_CSS = { cssfiles : ['1.css','2.css','3.css','4.css','5.css','6.css'], pathtocss : 'css/', getrandomcss : function() { return this.cssfiles[Math.floor(Math.random()*this.cssfiles.length)]; }, getlinktag : function() { return '<link rel="stylesheet" type="text/css" href="'+this.pathtocss+this.getrandomcss()+'" />'; }, printlinktag : function() { document.write(this.getlinktag()); } };y
<script type="text/javascript" src="/js/random.js"></script> <script type="text/javascript"> RANDOM_CSS.printlinktag(); </script>