Finalmente a ajuda de TI está aqui

Blog de soluções de computação.

Melhorar o desempenho do website (botões Sociais)

Publicado por Xaus Xavier Nadal 17th em março de 2013

Hoje vamos mostrar-lhe como melhorar o desempenho do site, fazendo os botões sociais facebook, twitter e google mais são carregados na web, mas apenas quando passamos o mouse sobre.

Como todo mundo vai saber que eu sou apaixonado sobre como melhorar o desempenho da Web e você pode ver exemplos disso neste blog.

Temos muito bons resultados mesmo quando o carregamento em um compartilhada sem VPS hospedagem por falta de massa.

Um dos mais recentes desenvolvimentos que implementaram tem sido o fardo de sanduíches redes sociais irritantes para sair parte da pontuação nas páginas de teste de desempenho como http://www.webpagetest.orgou http://www.gtmetrix.com Eles fizeram a web irá carregar mais lento, causando uma diminuição no google posicionamento entre outros motores de busca.

Para contornar este problema vou mostrar vários exemplos vivos de modo que possa adaptar-se a qualquer um dos seus websites.

  • O site cobra uma 55% mais rápido.
  • WordPress -> Você pode ver o resultado neste blog http://www.megacrack.es.
  • Prestashop -> Você pode ver o resultado em http://www.venlotodo.com (Site de venda de todos os tipos de produtos, incluindo sexshop com preços impressionantes (enviar um email para [Email protected] e dizer que você vem e você vai fazer uma MegaCracks desconto de seguro). A pena é que só vendem para a Espanha, e também se você estiver na província de Barcelona falar com eles eo preço ainda melhor).

Para você ver a mudança que você pode usar o seguinte link de comparar a velocidade de carregamento entre os sites 2 http://whichloadsfaster.com/.

Considero-me totalmente incapaz de programação, mas estou bastante habilidosos na arte de lógica e entender como as coisas funcionam e acima de tudo eu gosto do que faço e investir o tempo que leva. (Digo isto porque tenho a certeza de que o código-fonte pode ser melhorado muito com seus comentários e se você pode fazer os benefícios para a comunidade que será obrigado a partir deste blog vendo suas sugestões para melhoria).

Para implementar em qualquer web com HTML

Em seguida, o código-fonte da web eu ensino (HTML), O que fazemos é ter várias imagens dos mesmos botões que temos no facebook, twitter e google plus e se você passar o mouse sobre usando uma chamada de função javascript que desencadeou o roteiro de cada um dos elementos sociais.

<html>
<corpo>

<div classe="G-plusone" dados de tamanho="Medium" -href dados="Http://www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SRC="../files/gplus.png" largura=35 altura=23>
</div>
<div>
<a href="Https://twitter.com/megacracks" classe="Botão de Twitter de seguir-"
 data-show-count="True" -Show-screen-nome de dados="False" data-lang="É" onMouseOver="Activate_tw ()">
<IMG SRC="../files/seguir.png" largura=62 altura=22></A></div>
<div classe="Fb-like" -href dados="Http://www.megacrack.es" envio de dados="False" -Layout de dados="Button_count"
 dados de largura="100" data-show-rostos="False" onMouseOver="Activate_fa ()" >
<div classe="Fb-like" -href dados="Http://www.megacrack.es" envio de dados="False" -Layout de dados="Button_count"
 dados de largura="100" data-show-rostos="False" onMouseOver="Activate_fa ()" ></div>
<IMG SRC="../files/megusta.png" largura=74 altura=24></div>

<escrita tipo="Text / javascript">

	<! - <JavaScript SD para Facebook Like Button /> ->
	função activate_fa () {(função(D, s, id) {
		  var js, FJS = d.getElementsByTagName (s) [0];
		  if (D.getElementById (id)) retorno; JS = d.createElement (s); js.id = id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; fjs.parentNode.insertBefore (JS, FJs); } (Documento, 'Script',  "Facebook-jssdk ')); } <! - <JavaScript SD para Como o botão Google Plus /> ->
	função activate_gp () {janela .___ gcfg = {lang: 'es'}; (função() {
			var po = document.createElement ('Script'); po.type = 'Text / javascript "; po.async = verdadeiro; po.src = 'Https://apis.google.com/js/plusone.js';
			
			var s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (po, s); }) (); } <! - <JavaScript SD para Twitter Botão /> ->	
	função activate_tw () {!função (D, s, id) {
			var js, FJS = d.getElementsByTagName (s) [0];if= {Js d.createElement (s) (D.getElementById (ID)!); Js.id = id; js.src ="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore (JS, FJs); }} (Documento,"Script","Twitter-WJS"); }
</escrita>

</corpo>
</html>

Para implementar em Wordpress

Primeiro de tudo você terá que fazer upload de seus arquivos de imagem são otimizados com tal RIOT (impressionante programa para compressão de imagens) para ser tão eficiente quanto possível para seus arquivos wordpress na pasta, por exemplo. No final do artigo, vou deixar o link para os arquivos PNG por isso não se baixá-los e comprimi-los, etc ... (Eles são super optimized)

O que tenho feito é separar o código das funções em javascript e colocá-lo no arquivo header.php Localizado na rota wp-content \ themes \ <seu tema> \ Header.php apenas antes de fechar a cabeça.

<escrita tipo="Text / javascript"> <! - <JavaScript SD para Facebook Like Button /> -> função activate_fa () {(função(D, s, id) { var js, FJS = d.getElementsByTagName (s) [0]; if (D.getElementById (id)) retorno; JS = d.createElement (s); js.id = id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; fjs.parentNode.insertBefore (JS, FJs); } (Documento, 'Script', "Facebook-jssdk ')); } <! - <JavaScript SD para Como o botão Google Plus /> -> função activate_gp () {janela .___ gcfg = {lang: 'es'}; (função() { var po = document.createElement ('Script'); po.type = 'Text / javascript "; po.async = verdadeiro; po.src = 'Https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (po, s); }) (); } <! - <JavaScript SD para Twitter Botão /> -> função activate_tw () {!função (D, s, id) { var js, FJS = d.getElementsByTagName (s) [0];if= {Js d.createElement (s) (D.getElementById (ID)!); Js.id = id; js.src ="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore (JS, FJs); }} (Documento,"Script","Twitter-WJS"); } </escrita>

Eu criei um widget HTML e eu colocar o pedaço de código que exibe as imagens em vários div. Este pedaço de código é o que vai mostrar os botões de redes sociais. Adaptadlos para o qual você tem.

<div classe="G-plusone" dados de tamanho="Medium" -href dados="Http://www.megacrack.es" onMouseOver="Activate_gp ()">
<IMG SRC="../files/gplus.png" largura=35 altura=23>
</div>
<div>
<a href="Https://twitter.com/megacracks" classe="Botão de Twitter de seguir-"
 data-show-count="True" -Show-screen-nome de dados="False" data-lang="É" onMouseOver="Activate_tw ()">
<IMG SRC="../files/seguir.png" largura=62 altura=22></A></div>
<div classe="Fb-like" -href dados="Http://www.megacrack.es" envio de dados="False" -Layout de dados="Button_count"
 dados de largura="100" data-show-rostos="False" onMouseOver="Activate_fa ()" >
<div classe="Fb-like" -href dados="Http://www.megacrack.es" envio de dados="False" -Layout de dados="Button_count"
 dados de largura="100" data-show-rostos="False" onMouseOver="Activate_fa ()" ></div>
<IMG SRC="../files/megusta.png" largura=74 altura=24></div>

Ele funciona muito bem, exceto para facebook não sei como corrigi-lo. (Se alguém me ajuda a ser grato e também da comunidade).

Implementá-lo em prestashop

Em prestashop é um pouco mais complicado, mas pode ser feito.

O que fazemos é editar o arquivo cabecalho.tpl você vai encontrar no seguinte caminho no seu FTP ou o seu provedor de hospedagem para prestashop: public_html \ themes \ default \ cabecalho.tpl

Agregad as seguintes linhas de código antes de fechar a cabeça.

<escrita tipo="Text / javascript">

 função activate_fa () {(função(D, s, id) {
	  var js, FJS = d.getElementsByTagName (s) [0];
	  if (D.getElementById (id)) retorno, Js = d.createElement (s); js.id = id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; Fjs.parentNode.insertBefore (js, FJS);} (documento, 'Script',  "Facebook-jssdk '));}

função activate_gp () {
	var po = document.createElement ('Script'); po.type = 'Text / javascript "; po.async = verdadeiro; Po.src = 'Https://apis.google.com/js/plusone.js';
	
	var s = document.getElementsByTagName ('Script') [0]; s.parentNode.insertBefore (po, s);}

função activate_tw () {!função (D, s, id) {
	var 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);}} (documento,"Script","Twitter-WJS"); }
</escrita>

Quando você tiver feito isso, vai precisar de um addon chamado prestashop HTMLBOX que você pode baixar a partir de http://mypresta.eu/modules/front-office-features/html-box.html.

Agora só você vai ter que ativar o módulo em sua configuração e adicionar o seguinte código:

As primeiras linhas de código que você pode sair sem colocar (para obter uma aparência é idêntica à dos outros módulos na versão 1.5.3 do prestashop)

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

color: # fff; text-shadow: # 0 1 0 000 px; font-size: 12px; font-weight: bold; "> Clique como AJUDA</p>

Este pedaço de código é o que vai mostrar os botões de redes sociais. Adaptadlos para que você possa ter.

<p>

<div classe="Fb-like" -href dados="Http :/ / www.venlotodo.com" envio de dados="False"
 -Layout de dados="Button_count" data-show-rostos="False" ></div>
<div classe="Fb-like" -href dados="Http :/ / www.venlotodo.com" onMouseOver="Activate_fa ()"
 envio de dados="False" -Layout de dados="Button_count" data-show-rostos="False" >
<IMG SRC="../files/megusta.png" largura=74 altura=24>
</div>

<div classe="G-plusone" -href dados="Http :/ / www.venlotodo.com" dados de tamanho="Medium"
 onMouseOver="Activate_gp ()">
<IMG SRC="../files/gplus.png" largura=35 altura=23>
</div>

<div>
<a href="Https :/ / twitter.com / share" classe="Twitter-share-button" dados-url="Http :/ / www.venlotodo.com"
 data-lang="É" onMouseOver="Activate_tw ()">
<IMG SRC=".. / Arquivos / twittear.png" largura=62 altura=22></A></div>
</p>

Isso é tudo, eu espero que você tenha aprendido como eles trabalham para melhorar o desempenho do site e se você tiver qualquer problema deixe uma mensagem e tentar responder.

Arquivos com imagens de botão sociais compactados

Como eu prometi antes de eu deixar os arquivos de imagem de comprimidos de redes sociais e prontos para download:

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: , , , , , , , , ,
Publicado por desempenho web | No Comments »

Hoje é meu aniversário e eu felicitou Google

Publicado por Xaus Xavier Nadal 26th em outubro de 2012

Aniversário

Eu realmente gostei dos cartões, fiquei agradavelmente surpreendido.

Tags:
Publicado por Geral | 1 Comentar »

5 aplicativos Android que todos devem ter

Publicado por Xaus Xavier Nadal 29th de setembro 2012

Hoje vou mostrar 5 aplicativos Android que todos devem ter,e para todos os que têm um smartphone e quiser obter mais fora do dispositivo, no entanto, são ferramentas que devem ter todos ou pelo menos conhece-los.

Estas são as aplicações que eu uso diário e estou muito feliz com todos e cada um deles.

Coloquei 5, mas existem muitas outras aplicações que colocá-lo talvez mais tarde, mas por agora você é que você vai gostar muito e espero que você apreciá-los como eu.

você já me dizer se eles estiveram ao seu gosto e se você quiser você pode postar um comentário com o qual você Você usa.

Continue lendo o artigo, se você quiser conhecer todas as ferramentas que eu tenho proposto.

Megacrack ler »

Tags: , , , , , , , , , , , , , , , , ,
Publicado por Android | 1 Comentar »

Você quer ler o nosso blog a partir do seu smartphone ou tablet?

Publicado por Xaus Xavier Nadal 31st em Maio 2012

Clique no link abaixo e baixar o aplicativo do Google Currents.

Nós estamos oferecendo este serviço para milhares de leitores desde dezembro de 2010, mas não tinha postado no blog.

Aqui está o link.

https://www.google.com/producer/editions/CAow5Pg0/wwwmegacrackes

Saudações.

Tags: , , , , , , , ,
Publicado por google | No Comments »

Anuncie no Blogger

Publicado por Xaus Xavier Nadal 29th abril em 2012

Hoje vamos explicar como inserir um código de publicidade em seu blog de tecnologia Blogger desenvolvido sob, vamos fazer um pouco mais complicado do que o habitual, eu explico:

Este artigo vai começar a colocar um anúncio em um artigo de blogger mas este aparece na home page blogue porque como você sabe que você tem políticas de uso adsense nos impedir de colocar mais de 3 blocos publicitários do mesmo tipo na mesma página.

A primeira coisa a fazer é acessar a administração do nosso gestor de conta Adsense ou publicidade que você tem, e obter o código de publicidade que melhor se adapte às suas medidas de blog.

Por exemplo o código que escolhemos hoje é esta: uma bandeira de 468 60 ×

<Script type = "text / javascript"> <! -
google_ad_client = "ca-pub-2342147052953367";
/ * * Contessota /
google_ad_slot = "6351243105";
google_ad_width = 468;
google_ad_height = 60;
// ->
</ Script>
<Script type = "text / javascript"
src = "http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</ Script>

Quando você tem o código pulsáis em qualquer um desses links 2 converter o código HTML para texto simples blogger inteiramente compreensível.

http://nosetup.org/php_on_line/convertir_html_texto

http://blogcrowds.com/resources/parse_html.php

Nós deve ficar parecido com o seguinte:

& Lt; script type = & quot; text / javascript & quot; & gt; & lt ;! -
google_ad_client = & quot; ca-pub-2342147052953367 & quot ;;
/ * * Contessota /
google_ad_slot = & quot; & quot ;; 6351243105
google_ad_width = 468;
google_ad_height = 60;
// - & Gt;
& Lt; / script & gt;
& Lt; script type = & quot; text / javascript & quot;
src = & quot; http: //pagead2.googlesyndication.com/pagead/show_ads.js&quot; & gt;
& Lt; / script & gt;

A partir deste momento só definir onde colocar publicidade no nosso blog.

Blogger acessamos nossa conta administrador do blog e estamos localizados no menu Template.

Megacrack ler »

Tags: , , , , , , , , , , , , , ,
Publicado por Active Directory, google, publicidade | No Comments »

GTranslate Your license is inactive or expired, please subscribe again!