Optimizare OnPage – CDN

Optimizare OnPage – din serviciul de optimizare a unui site, face parte si incarcarea imaginilor, a fisierelor CSS sau JavaScript, dintr-un CDN. Este foarte important sa folosim un CDN, pentru ca site-ul nostru sa aiba o incarcare rapida in browser. Exista foarte multa reclama in Internet cu privire la spatii alocate de diverse firme pe serverul lor, pentru incarcare de imagini sau fisiere, problema este ca pentru Romania, nu este avantajos, incarcarea site-ului in browser se face si mai greu daca apelam la un CDN, din America de ex.

Pentru site-ul nostru Romania SEO, am creat un CDN, din care incarcam imaginile, CSS-urile si fisierele JavaScript, vezi exemplu de CDN: Imagini CDN – Cresterea Performantei Site-ului Daca tot am creat acest CDN, am creat si o pagina HTML, in care promovam expresia "Imagini CDN". Cum procedam pentru crearea unui CDN, care ne ajuta la cresterea performantei site-ului:

• Creem un subdomeniu cu numele CDN (cdn.romania-seo.ro)
• Copiem acolo template-ul site-ului si directorul sau directoarele de imagini
• Facem trimiteri din fisierul care incarca header-ul, pentru fisierele JavaScript (js) si CSS, la locatia CDN. In WordPress, aceste trimiteri se fac in general din header.php, daca nu, cautati in tema trimiterile catre aceste fisiere si le modificati. Exemplu: in loc de /wp-content/themes/js/nume-fisier.js, va fi: http://cdn.numele-site-ului/tema/js/nume-fisier.js. Pentru fisiere CSS, sau imagini, se procedeaza la fel.
• Daca imaginile din site sunt deja indexate de Google, va trebui sa creem un fisier robots.txt, in care sa interzicem indexarea folder-ului de imagini, altfel vor aparea in duplicate content. Majoritatea serverelor cer un fisier .htaccess, se poate ca CDN-ul sa nu se deschida in browser fara acest fisier. Eu am sa va dau ex. de .htaccess si robots.txt:

Fisier robots.txt (creati cu notepad un fisier si adaugati campurile acolo apoi il urcati pe server)

User-agent: * Disallow: /seo-ro Disallow: /imagini

Fisier .htaccess:

RewriteEngine On FileETag none <IfModule mod_expires.c> ExpiresActive on ExpiresByType image/gif "access plus 1 months" ExpiresByType image/jpeg "access plus 1 months" ExpiresByType image/ico "access plus 1 months" ExpiresByType image/png "access plus 1 months" ExpiresByType text/css "access plus 1 months" ExpiresByType application/x-javascript "access plus 1 months" </IfModule> Header set Expires "Thu, 7 May 2011 22:00:00 GMT" Header set Cache-Control "public" ExpiresActive On ExpiresDefault "access plus 1 month" ExpiresDefault A18000 ExpiresByType image/gif A2592000 ExpiresByType image/jpg A2592000 ExpiresByType image/jpeg A2592000 ExpiresByType image/png A2592000 ExpiresByType image/ico A2592000 Expiresbytype text/js A21600 Expiresbytype text/js "access plus 1 year" ExpiresByType text/php "access plus 1 year" ExpiresByType text/html "access plus 1 year" ExpiresByType text/css "access plus 1 year" ExpiresByType image/gif "access plus 1 year" Header set Cache-Control "public" ExpiresByType image/jpg "access plus 1 year" Header set Cache-Control "public" ExpiresByType image/jpeg "access plus 1 year" Header set Cache-Control "public" ExpiresByType image/png "access plus 1 year" Header set Cache-Control "public" ExpiresByType image/x-icon "access plus 1 month" <FilesMatch ".(ico|pdf|flv)$"> Header set Cache-Control "max-age=29030400, public" </FilesMatch> <FilesMatch "\.(js|css|html|htm|php|xml)$"> SetOutputFilter DEFLATE </FilesMatch> <IfModule mod_headers.c> <FilesMatch ".(bmp|css|flv|gif|ico|jpg|jpeg|js|pdf|png|svg|swf|tif|tiff)$"> Header set Last-Modified "Mon, 31 Aug 2010 00:00:00 GMT" </FilesMatch>