Apache - Mi pagina no carga CSS a la primera pero si a la segunda carga

   
Vista:

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 03/12/2012 15:41:54
Hola:

Mi pagina no carga CSS y otras cosas como algunos javascripts a la primera pero si a la segunda carga despues de presionar F5 en mi navegador para actualizar...

Les explicare con detalles mejor.

Ahora mi sitio web es asi:

es una red social prefabricada, hecha para usar con servidores de almenos 8 g de ram para 50 mil usuarios, pero la tengo alojada en un hosting apache compartido por ahora en fase de desarrollo.

Tengo claro que mi plan de hosting puede ser la razon de que no cargue el CSS por la velocidad y trafico requerido pero ahora solamente yo uso esta aplicacion PHP....

La aplicacion cargaba sin problemas hasta hace poco...pero no pasaba bien en mi trabajo el css y otras cosas por que aqui tenemos un proxy corporativo...en mi casa cargaba bien...

me refiero a eso por que ya la tengo en internet...mi ancho de banda de plan de hosting es ilimitado asi como tambien mi espacio en disco...

Bueno, para arreglar el problema de que no pase el proxy y hacerlo como facebook que si pasa el proxy, he configurado htaccess para usar SSL, lo que resolvio el problema del paso del proxy y ahora llega la pagina bien y comprimida con GZIP.

Todo eso deberia hacerla rapida pero llega lenta y la primera vez nunca carga bien, se demora mucho y no aparece el CSS ni algunos javascripts-

Pienso que puede ser por la limitacion de carga de elementos "NO SEGUROS" al usar HTTPS, por lo cual debo modificar mi htaccess para permitir los elementos "NO SEGUROS"...

Como puedo quitar eso de los "ELEMENTOS NO SEGUROS" al usar HTTPS ??? quiero configurar mi htaccess para tener una mescla de codigo seguro y dejar pasar elementos no seguros como imagenes o css o javascripts...

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por xve (236 intervenciones) el 03/12/2012 16:24:28
Hola Luis, no se si te he entendido bien, pero si tu pagina es https, para que pase tu proxy, tendrás que utilizar https para los css y javascripts, sino, el proxy te parará esas paginas, no?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 03/12/2012 16:43:53
La verdad no se como usar https en los javascripts o css...

lo que hice fue aplicar esto al htaccess de mi root filesystem en mi servidor web...

RewriteCond %{SERVER_PORT} ^80$
RewriteRule .* https://%{SERVER_NAME}%{REQUEST_URI} [R,L]

Y tengo un certificado SSL instalado, por lo que al pedir en el puerto 80 redirecciona al puerto 443 y me aparece mi pagina https bien...relativamente bien como explique antes.

con eso me refiero a que no he hecho ningun otro cambio relacionado con SSL en mi sitio, he hecho muchos mas cambios pero en htaccess solo para activar cache y compresion GZIP y he habilitado ZEND Optimizer en php5.ini ya que mi proveedor de hosting lo tiene instalado.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por xve (236 intervenciones) el 03/12/2012 17:03:24
Ah, ok Luis, creía que lo tenias configurado en el apache, no por modrewrite, mil perdones.

La verdad es que de esta manera no deberías de tener ningún problema, no entiendo porque no te carga a la primera... nos puedes indicar la url?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 03/12/2012 17:10:03
www.sotojobs.com

Tal vez te cargue bien, donde no hay proxy para conectarse a internet deberia cargar bien...solo que facebook lo hace bien en todos lados...la mia no logra eso todavia pero estoy usando https.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por xve (236 intervenciones) el 04/12/2012 07:31:49
Hola Luis, he cargado tu pagina, y me ha tardado 21 segundos!!!

Además, me ha cargado varias veces el archivo core.js, y todos los archivos en vez de cargármelos con un status=200 me los carga con un status=304 a excepción del style.css y dos imágenes que si las carga con status=200

NO se muy bien que esta pasando, pero yo eliminaría el modrewrite y únicamente ejecutaría la web por https.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 04/12/2012 14:42:46
Hola muchas gracias por tu ayuda:

Me podrias decir como sabes que estos documentos cargan con status 200 ?, entiendo que tal vez estas viendo las cabeceras HTTP ? usas FIrebug ? Que es el status 304 y por que no es bueno eso ???...sorry es mi primera vez con estos status.

mira adjunto mi htaccess, algunas opciones basicas venian preescritas con mi aplicacion, pero he agregado la mayoria de estas otras para manejar compresion gzip, cache, SSL, fuentes, etc.
----------------------------------------------------------

# $Id: .htaccess 7539 2010-10-04 04:41:38Z john $
# Modified and enhanced by Luis Soto Sepulveda
<IfModule mod_rewrite.c>
Options +FollowSymLinks
RewriteEngine On
#ADDED BY Luis Soto Sepulveda RewriteBase, to Gzipping, November 11 2012
RewriteBase /

#Options +ExecCGI
#AddType application/x-httpd-php .php .htm .html
#AddHandler x-httpd-php5 .php .htm .html

#SSL CODE BEGIN---------------------------------------------
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.sotojobs.com/$1 [R,L]
#SSL CODE END-----------------------------------------------

# ----------------------------------------------------------------------
# force the "www." at the beginning of URLs or vise versa as long as your using one or the other only and not both! this is an SEO tweak
# ----------------------------------------------------------------------
RewriteCond %{HTTP_HOST} ^sotojobs.com
RewriteRule ^(.*)$ http://www.sotojobs.com/$1 [R=301,L]

# ----------------------------------------------------------------------
# Cross-domain AJAX requests
# ----------------------------------------------------------------------
# Serve cross-domain Ajax requests, disabled by default.
# enable-cors.org
# code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
# <IfModule mod_headers.c>
# Header set Access-Control-Allow-Origin "*"
# </IfModule>

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch ".(gif|png|jpe?g|svg|svgz|ico|webp)$">
SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>

# ----------------------------------------------------------------------
# Webfont access
# ----------------------------------------------------------------------
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
<FilesMatch ".(ttf|ttc|otf|eot|woff|font.css)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

# ----------------------------------------------------------------------
# Proper MIME type for all files
# ----------------------------------------------------------------------
# JavaScript
# Normalize to standard type (it's sniffed in IE anyways)
# tools.ietf.org/html/rfc4329#section-7.2
# BEGIN Browser Caching/Headers
<IfModule mod_mime.c>
AddType text/css .css
AddType text/richtext .rtf .rtx
AddType image/svg+xml .svg .svgz
AddType text/plain .txt
AddType text/xsd .xsd
AddType text/xsl .xsl
AddType video/asf .asf .asx .wax .wmv .wmx
AddType video/avi .avi
AddType image/bmp .bmp
AddType application/java .class
AddType video/divx .divx
AddType application/msword .doc .docx
AddType application/x-msdownload .exe
AddType image/gif .gif
AddType application/x-gzip .gz .gzip
AddType image/x-icon .ico
AddType image/jpeg .jpg .jpeg .jpe
AddType application/vnd.ms-access .mdb
AddType audio/midi .mid .midi
AddType video/quicktime .mov .qt
AddType audio/mpeg .mp3 .m4a
AddType video/mp4 .mp4 .m4v
AddType video/mpeg .mpeg .mpg .mpe
AddType application/vnd.ms-project .mpp
AddType application/vnd.oasis.opendocument.database .odb
AddType application/vnd.oasis.opendocument.chart .odc
AddType application/vnd.oasis.opendocument.formula .odf
AddType application/vnd.oasis.opendocument.graphics .odg
AddType application/vnd.oasis.opendocument.presentation .odp
AddType application/vnd.oasis.opendocument.spreadsheet .ods
AddType application/vnd.oasis.opendocument.text .odt
AddType audio/ogg .ogg .oga
AddType application/pdf .pdf
AddType image/png .png
AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
AddType audio/x-realaudio .ra .ram
AddType application/x-shockwave-flash .swf
AddType application/x-tar .tar
AddType image/tiff .tif .tiff
AddType audio/wav .wav
AddType audio/wma .wma
AddType application/vnd.ms-write .wri
AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
AddType application/zip .zip
AddType application/json .json
AddType application/javascript .js .jsonp

# SVG
# Required for svg webfonts on iPad
# twitter.com/FontSquirrel/status/14855840545
AddType image/svg+xml .svg .svgz
AddEncoding gzip .svgz
# Webfonts
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf .ttc
AddType font/opentype .otf
AddType application/x-font-woff .woff

AddType image/webp .webp
AddType text/cache-manifest appcache manifest
AddType text/x-component .htc
AddType application/xml .rss .atom .xml .rdf
AddType application/x-chrome-extension .crx
AddType application/x-opera-extension .oex
AddType application/x-xpinstall .xpi
AddType application/octet-stream .safariextz
AddType application/x-web-app-manifest+json .webapp
AddType text/x-vcard .vcf
AddType text/vtt .vtt
AddType application/x-javascript .js
AddType text/html .htm .html
</IfModule>

# ----------------------------------------------------------------------
# Gzip compression if your server supports this
# ----------------------------------------------------------------------
<IfModule mod_deflate.c>
# Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)s*,?s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>

<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
</IfModule>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>

# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-ttf application/xhtml+xml application/xml font/opentype image/svg+xml image/x-icon text/css text/html text/plain text/x-component text/xml application/x-javascript text/richtext image/svg+xml text/xsd text/xsl
</IfModule>
</IfModule>

<FilesMatch "\.(css|CSS|)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "www.molohe.com and www.sotojobs.com"
Header set X-Developed-By "Luis Soto Sepulveda, LST24@hotmail.com"
</IfModule>
</FilesMatch>
<FilesMatch "\.(rtf|rtx|svg|svgz|txt|xsd|xsl|RTF|RTX|SVG|SVGZ|TXT|XSD|XSL|)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "www.molohe.com and www.sotojobs.com"
Header set X-Developed-By "Luis Soto Sepulveda, LST24@hotmail.com"
</IfModule>
</FilesMatch>

<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|swf|tar|tif|tiff|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|MPP|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SWF|TAR|TIF|TIFF|WAV|WMA|WRI|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
<IfModule mod_headers.c>
Header set Pragma "public"
Header append Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag MTime Size
<IfModule mod_headers.c>
Header set X-Powered-By "www.molohe.com and www.sotojobs.com"
Header set X-Developed-By "Luis Soto Sepulveda, LST24@hotmail.com"
</IfModule>
</FilesMatch>

# ----------------------------------------------------------------------
# Expires headers (for better cache control)
# ----------------------------------------------------------------------
# These are pretty far-future expires headers.
# They assume you control versioning with filename-based cache busting
# Additionally, consider that outdated proxies may miscache
# www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
# If you don't use filenames to version, lower the CSS and JS to something like
# "access plus 1 week".
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault "access plus 1 month"
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest "access plus 0 seconds"
# Your document html
ExpiresByType text/html "access plus 0 seconds"
# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
# Feed
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"

# Media: images, video, audio

ExpiresByType video/ogg "access plus 1 month"


ExpiresByType video/webm "access plus 1 month"
# HTC files (css3pie)
ExpiresByType text/x-component "access plus 1 month"
# Webfonts
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"


# CSS and JavaScript

ExpiresByType application/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"

ExpiresByType text/css A2628000
ExpiresByType text/richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType text/plain A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType video/asf A2628000
ExpiresByType video/avi A2628000
ExpiresByType image/bmp A2628000
ExpiresByType application/java A2628000
ExpiresByType video/divx A2628000
ExpiresByType application/msword A2628000
ExpiresByType application/x-msdownload A2628000
ExpiresByType image/gif A2628000
ExpiresByType application/x-gzip A2628000
ExpiresByType image/x-icon A2628000
ExpiresByType image/jpeg A2628000
ExpiresByType application/vnd.ms-access A2628000
ExpiresByType audio/midi A2628000
ExpiresByType video/quicktime A2628000
ExpiresByType audio/mpeg A2628000
ExpiresByType video/mp4 A2628000
ExpiresByType video/mpeg A2628000
ExpiresByType application/vnd.ms-project A2628000
ExpiresByType application/vnd.oasis.opendocument.database A2628000
ExpiresByType application/vnd.oasis.opendocument.chart A2628000
ExpiresByType application/vnd.oasis.opendocument.formula A2628000
ExpiresByType application/vnd.oasis.opendocument.graphics A2628000
ExpiresByType application/vnd.oasis.opendocument.presentation A2628000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A2628000
ExpiresByType application/vnd.oasis.opendocument.text A2628000
ExpiresByType audio/ogg A2628000
ExpiresByType application/pdf A2628000
ExpiresByType image/png A2628000
ExpiresByType application/vnd.ms-powerpoint A2628000
ExpiresByType audio/x-realaudio A2628000
ExpiresByType application/x-shockwave-flash A2628000
ExpiresByType application/x-tar A2628000
ExpiresByType image/tiff A2628000
ExpiresByType audio/wav A2628000
ExpiresByType audio/wma A2628000
ExpiresByType application/vnd.ms-write A2628000
ExpiresByType application/vnd.ms-excel A2628000
ExpiresByType application/zip A2628000
</IfModule>

#Continuara...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 04/12/2012 14:43:13
# ----------------------------------------------------------------------
# ETag removal
# ----------------------------------------------------------------------
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since we're sending far-future expires, we don't need ETags for
# static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
# ----------------------------------------------------------------------
# UTF-8 encoding
# ----------------------------------------------------------------------
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset utf-8
# Force UTF-8 for a number of file formats
#AddCharset utf-8 .atom .css .js .json .rss .vtt .xml

# ----------------------------------------------------------------------
# Protect sensitive files
# ----------------------------------------------------------------------
## Protect sensitive files from client-side viewing.
<FilesMatch "^(php\.ini|php5\.ini|install\.php|php\.info|readme\.html|bb-config\.php|\htaccess|readme\.txt|error_log|error\.log|PHP_errors\.log|\.svn)">
Deny from all
</FilesMatch>

# Get rid of index.php
RewriteCond %{REQUEST_URI} /index\.php
RewriteRule (.*) index.php?rewrite=2 [L,QSA]

# Rewrite all directory-looking urls
RewriteCond %{REQUEST_URI} /$
RewriteRule (.*) index.php?rewrite=1 [L,QSA]

# Try to route missing files
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} public\/ [OR]
RewriteCond %{REQUEST_FILENAME} \.(jpg|gif|png|ico|flv|htm|html|php|css|js)$
RewriteRule . - [L]

# If the file doesn't exist, rewrite to index
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?rewrite=1 [L,QSA]

</IfModule>
# sends requests /index.php/path/to/module/ to "index.php"
# AcceptPathInfo On

# @todo This may not be effective in some cases
#FileETag Size
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por xve (236 intervenciones) el 04/12/2012 16:13:41
para revisar el status, archivos que carga, tiempo de carga de cada archivo, etc... utilizo chrome con su herramienta "Developer tools" (F12)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Mi pagina no carga CSS a la primera pero si a la segunda carga

Publicado por Luis (12 intervenciones) el 04/12/2012 16:16:19
yo tambien tengo esa extension, gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar