Ten slotte word die hulp van IT is hier

Blog van die rekenaar oplossings.

Lo rendimiento page web (Maatskaplike knoppies)

geplaas deur Xaus Xavier Nadal 17th op Maart 2013

Hoy as os mostraremos lo rendimiento page web haciendo wat los botones sociales die facebook, twitter y google plus sien carguen en la web, pero cuando le Unica Mente pasamos elektrisiteit ratón por encima.

Como Besigtig sabréis soy un apasionado de la mejora deel rendimiento web podeis ver y ejemplos de Ello en hierdie tot 'n enkel blog.

Conseguimos muy buenos Soekresultate de carga incluso estando 'n un hosting compartido hul VPS por falta de pasta.

Una de Las Ultimas Novedades que hy implantado het newe-la carga de los fastidiosos bocadillos de las Redes sociales que parte de la bajarnos puntuación en las paginas hulle toets die prestasie as http://www.webpagetest.orgO http://www.gtmetrix.com hacían que la web cargara más lenta provocando un descenso en el posicionamiento die google entre otros Buscadores.

Te kry om hierdie probleem, ek sal jou wys verskeie voorbeelde Live dit aan te pas by enige van jou websites.

  • Die terrein hef 'n 55% vinniger.
  • WordPress -> Jy kan die resultaat sien in hierdie blog http://www.megacrack.es.
  • Prestashop -> Jy kan sien die resultaat in http://www.venlotodo.com (Webwerf verkoop van alle soorte produkte, insluitende Sexshop met 'n indrukwekkende pryse (stuur 'n e-pos na ventas@venlotodo.com decid y que de parte de Venis MegaCracks y os Haran un descuento seguro) Die jammerte is dat slegs verkoop aan Spanje, en ook as jy in die provinsie van Barcelona met hulle praat en die prys is selfs beter).

Vir jou om die verandering te sien, kan jy gebruik maak van die volgende skakel om die spoed van die laai te vergelyk tussen sites 2 http://whichloadsfaster.com/.

Ek beskou myself as heeltemal nie in staat is tot programmering, maar ek is baie geskoolde in die kuns van logika en te verstaan ​​hoe dinge werk en die meeste van alles wat ek is lief vir wat ek doen en belê die tyd wat dit neem. (Ek sê dit omdat ek is seker dat die bron-kode kan baie verbeter word met jou kommentaar en as jy dit kan maak die gemeenskap voordele dit sal dankie vanaf die blog sien jou voorstelle vir verbetering).

Te sit vir enige perseel met HTML

Dan wys ek die bron-kode van die web (HTML), Is wat ons doen verskeie beelde van dieselfde knoppies wat ons op Facebook, Twitter en Google Plus en indien u muis oor die gebruik van 'n JavaScript-funksie oproep wat aanleiding tot die script van elk van die sosiale elemente.

<html>
<liggaam>

<div klas="G-PlusOne" Data Grootte="Medium" data-href="Http :/ / www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>
<div>
<a href="Https :/ / twitter.com / megacracks" klas="Twitter-follow-knoppie"
 data-show-telling="True" data-show-skerm-naam="Vals" data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / seguir.png" wydte=62 hoogte=22></A></div>
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" >
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" ></div>
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24></div>

<script tipe="Text / javascript">

	<- <JavaScript SD vir Facebook Soos Button /> ->
	funksie activate_fa () {(funksie(D, s, id) {
		  was JS, FJS = d.getElementsByTagName (s) [0];
		  if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "/ / Connect.facebook.net / es_LA / all.js # xfbml = 1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script',  "Facebook-jssdk '));} <- <JavaScript SD vir Soos Google Plus Button /> ->
	funksie activate_gp () {window.___gcfg = {lang: 'en'} (funksie() {
			was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js ';
			
			was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (PO s);}) ();} <- <JavaScript SD vir Twitter Button /> ->	
	funksie activate_tw () {!funksie (D, s, id) {
			was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS");}
</script>

</liggaam>
</html>

W te sitordpress

Eerste van alles wat jy jou beeld-lêers te laai met sodanige oproer (indrukwekkende program vir die comprimeren beelde) te wees so effektief as moontlik om jou WordPress lêers in die gids byvoorbeeld geoptimaliseer. Aan die einde van die artikel sal ek die skakel na die PNG-lêers om hulle te hou plaas, kan dit aflaai en compress hulle, ens ... (Hulle is super new)

Wat ek gedoen het, is om die kode te skei van die funksies in JavaScript en sit dit in die lêer header.php geleë op Route wp-content \ temas \ <vuestro tema> \ header.php net voor die sluiting van die kop.

<script tipe="Text / javascript"> <- <JavaScript SD vir Facebook Soos Button /> -> funksie activate_fa () {(funksie(D, s, id) { was JS, FJS = d.getElementsByTagName (s) [0]; if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script', "Facebook-jssdk '));} <- <JavaScript SD vir Soos Google Plus Button /> -> funksie activate_gp () {window.___gcfg = {lang: 'en'} (funksie() { was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js '; was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (PO s);}) ();} <- <JavaScript SD vir Twitter Button /> -> funksie activate_tw () {!funksie (D, s, id) { was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS"); } </script>

Ek 'n HTML-widget en Ek het die kode wat die beelde binne 'n paar div vertoon. Hierdie stukkie van die kode is wat die knoppies van die sosiale netwerke sal wys. Adaptadlos wat u mag hê.

<div klas="G-PlusOne" Data Grootte="Medium" data-href="Http :/ / www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>
<div>
<a href="Https :/ / twitter.com / megacracks" klas="Twitter-follow-knoppie"
 data-show-telling="True" data-show-skerm-naam="Vals" data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / seguir.png" wydte=62 hoogte=22></A></div>
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" >
<div klas="Fb-agtige" data-href="Http :/ / www.megacrack.es" data-stuur="Vals" data-uitleg="Button_count"
 data-wydte="100" data-show-gesigte="Vals" onMouseOver="Activate_fa ()" ></div>
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24></div>

Werk baie goed behalwe vir facebook nie weet hoe om dit op te los. (As iemand help my om dankbaar te wees en ook die gemeenskap).

Te sit prestashop

In prestashop is 'n bietjie meer ingewikkeld, maar jy kan dit ook doen.

Wat ons verander is nie die lêer Header.tpl jy sal vind in die volgende pad op jou FTP of jou diensverskaffer vir prestashop: public_html \ temas \ standaard \ Header.tpl

Agregad die volgende reëls van die kode net voor die sluiting van die kop.

<script tipe="Text / javascript">

 funksie activate_fa () {(funksie(D, s, id) {
	  was JS, FJS = d.getElementsByTagName (s) [0];
	  if (D.getElementById (id)) terugkeer, Js = d.createElement (s); js.id = Id; js.src = "/ / Connect.facebook.net / es_LA / all.js # xfbml = 1"; Fjs.parentNode.insertBefore (JS, FJS);} (dokument, 'Script',  "Facebook-jssdk '));}

funksie activate_gp () {
	was po = document.createElement ('Script'); Po.type = "Text / javascript"; Po.async = waar; Po.src = "Https :/ / apis.google.com / js / plusone.js ';
	
	was s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (po s);}

funksie activate_tw () {!funksie (D, s, id) {
	was JS, FJS = d.getElementsByTagName (s) [0];if(D.getElementById (id)) {js = d.createElement (s); js.id = Id; js.src ="/ / Platform.twitter.com / widgets.js"; Fjs.parentNode.insertBefore (JS, FJS);}} (dokument,"Script","Twitter-WJS");}
</script>

Wanneer jy dit gedoen het moet jy 'n prestashop addon genoem HTMLBOX wat jy kan aflaai van http://mypresta.eu/modules/front-office-features/html-box.html.

Nou net wat jy sal hê om die module in die configuration te aktiveer en voeg die volgende kode:

Die eerste reëls van die kode wat jy kan verlaat sonder om ('n blik te kry, is identies aan dié van die ander modules in 1.5.3 weergawe van prestashop)

<P class = "title_block" style = "background-color: # 383838, padding: 6px 11px;

color: # fff; teks skaduwee: # 0 1 0 000 px; font-size: 12px; font-weight: bold; "> Klik wil help</p>

Hierdie stukkie van die kode is wat die knoppies van die sosiale netwerke sal wys. Adaptadlos wat u mag hê.

<p>

<div klas="Fb-agtige" data-href="Http :/ / www.venlotodo.com" data-stuur="Vals"
 data-uitleg="Button_count" data-show-gesigte="Vals" ></div>
<div klas="Fb-agtige" data-href="Http :/ / www.venlotodo.com" onMouseOver="Activate_fa ()"
 data-stuur="Vals" data-uitleg="Button_count" data-show-gesigte="Vals" >
<IMG SR=".. / Files / megusta.png" wydte=74 hoogte=24>
</div>

<div klas="G-PlusOne" data-href="Http :/ / www.venlotodo.com" Data Grootte="Medium"
 onMouseOver="Activate_gp ()">
<IMG SR=".. / Files / gplus.png" wydte=35 hoogte=23>
</div>

<div>
<a href="Https :/ / twitter.com / share" klas="Twitter-aandeel-knoppie" data-url="Http :/ / www.venlotodo.com"
 data-lang="Is" onMouseOver="Activate_tw ()">
<IMG SR=".. / Files / twittear.png" wydte=62 hoogte=22></A></div>
</p>

Dis al, ek hoop dat jy geleer het as hulle werk webwerf prestasie te verbeter en as jy enige probleme laat 'n boodskap en probeer om te beantwoord.

Lêers met sosiale knoppie beelde saamgepers

Soos ek belowe voor ek vertrek die beeld-lêers van die sosiale netwerk-tablette en gereed om af te laai:

Twitter -> http://www.megacrack.es/files/seguir.png

Google Plus -> http://www.megacrack.es/files/gplus.png

Facebook -> http://www.megacrack.es/files/megusta.png

Tags: , , , , , , , , ,
geplaas deur web performance | No Comments »

Migrasie na vinniger bediener (het 100 / 100 web prestasie)

geplaas deur Xaus Xavier Nadal 3rd op Mei 2012

goeie,

Vandag dalk vir 'n rukkie wat jy nie in staat is om die blog te gaan nie, maar die onderbreking was vir die beter.

Jammer ek kon nie vooraf sê, maar ons het 'n kern bedryfstelsel opgradering van ons hosting provider BlueHost.

Vanoggend het ons die volgende brief.

Geagte Xavier,

 

Ons is bly om jou te laat weet dat die bediener waarop jou webwerf megacrack.es besig om 'n groot sagteware opgradering van CentOS om CentOS 5 6, 48 Binne die volgende uur sal wees.

 

Hierdie opgradeer sluit nuwer sagteware pakkette (insluitend Python, Perl en GCC), sowel as al die sekuriteit en prestasie voordele wat eet 6 CentOS saam met. Benewens hierdie, sal die bediener herontplooi met 'n ander soort lêerstelsel Terselfdertyd verhoog prestasie verder te verhoog.

 

, Hoewel 'n grootste deel van die opgraderings aan jou bediener word aanlyn gedoen en funksionele daarmee om hierdie veranderinge veilig te finaliseer sal ons administrateurs nodig het om jou bediener af tydelik te neem in die vroeë oggendure. Behalwe enige versagtende omstandighede esta onderbreking laaste slegs sowat 2 Indien uur.

 

Let asseblief daarop dat, terwyl ons nie jou sagteware-update post Het jy probleme verwag, Mag dit vereis word om weer saam te stel 'n module (s) wat jy gebruik om voordeel te trek uit die nuwer ingesluit biblioteke. Ons stel voor dat die hersiening van jou site daarna om te verifieer dit is dat funksioneer soos dit moet nie.

 

Indien u enige vrae of moet asseblief nie Kommer om ons te kontak huiwer.

Die waarheid is Ek het 'n prestasie toets gedoen en ons het uiteindelik 'n Eerste greep Tyd de 506 Me. Bieeeeeeeeennn !!!!! Megacrack lees »

Tags: , , , , , , , , , , , ,
geplaas deur Die verbetering van die web Speed, web | 1 Kommentaar »