Jump to content
ZioNN

Lazy Load no Google Maps para melhorar velocidade de carregamento. Como fazer?

Recommended Posts

Estou tentando implementar lazy loading em um mapa do Google Maps que temos na home-page do site do cliente. É um iframe padrão do Maps no formato
 

<iframe  src="https://www.google.com/maps/d/u/1/embed?mid=1qBlmrpdrcg46Esp-C88T1AMseNdz9k" width="100%" height="530"></iframe>


Já tentei 3 plug-ins que encontrei em pesquisas na net, e nenhum deles funcionou. 

O mapa é o item que mais pesa no carregamento inicial da home-page e está nos custando muito tempo e peso de loading.

Foram:

Lazyframe master
Lazy Maps
Jquery Lazy Master

Qual a melhor solução para este caso, sem remover o mapa? 

Obrigado

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By BrunaLS
      Olá! Venho pedir uma ajuda para pensar sobre as mudanças que devo fazer no meu site.
       
      Hoje tenho um site no wix: www.brunamoraespsicologa.com.br
      Já recebi o feedback de muitas pessoas de que um site no wix não é uma coisa que ajuda muito no meu SEO.
      Portanto estou pensando em migrar para a plataforma wordpress. Pelo que eu entendi, eu teria que fazer uma estrutura (paginas, links) igualzinha neste novo site wordpress, inclusive ter conteúdos iguais em todas as páginas. Isso confere?
      Por que se for assim, penso que eu como não sou programadora iria ter sérias dificuldades. O que vocês acham?
       
      Meu outro problema é: preciso mudar o nome do meu domínio para www.brunalimapsicologa.com.br.
      Sendo assim, não sei nem por onde começar. A estratégia que penso é:
      1) fazer um novo site no wordpress
      2) instalar o domínio www.brunalimapsicologa.com.br no wordpress e deletar o do wix
      3) fazer o domínio www.brunamoraespsicologa.com.br redirecionar para o domínio do wordpress
      O que vocês acham, é o adequado a se fazer?
       
      Por que a minha maior questão é com o SEO do site. Não quero perder os backlinks que já tenho, o rankeamento.
      Então pergunto, de qual modo vocês fariam essa mudança?
       
      Agradeço desde já!
       
    • By scsrat
      Preciso de ajuda com infowindow para polygonos multiplos está abrindo popup em todos com nome do ultimo lançamento somente, não estou dando conta em java, alguém se habilita?
       
      <?php      include 'export_xml.php'; ?> <html>     <head>         <meta charset='utf-8' />         <title>Google Maps: Storing Polygons in database</title>         <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDao9cuBBnlx14GWyG8ZnfZ1WjHj9oa6DA&callback=initMap"></script>         <script>                                  function initialize() {               var mapOptions = {                 zoom: 14,                 center: new google.maps.LatLng(-22.247791, -53.348142),                 mapTypeId: google.maps.MapTypeId.ROADMAP               };               var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);               var arr = new Array();               var polygons = [];               var bounds = new google.maps.LatLngBounds();                                             var xml = xmlParse(xmlString);               var subdivision = xml.getElementsByTagName("subdivision");                                                                for (var i = 0; i < subdivision.length; i++) {                 arr = [];                 html = [];                 var name = xml.documentElement.getElementsByTagName("subdivision").getAttribute("name");                 var address = xml.documentElement.getElementsByTagName("subdivision").getAttribute("address");                 var html = "<b>" + name + "</b> <br/>" + address + "<br><a href=# target=_blank>Clique aqui";                 //Tentando pegar dados dos polygons individuais                 var coordinates = xml.documentElement.getElementsByTagName("subdivision").getElementsByTagName("coord");                 for (var j = 0; j < coordinates.length; j++) {                   arr.push(new google.maps.LatLng(                     parseFloat(coordinates[j].getAttribute("lat")),                     parseFloat(coordinates[j].getAttribute("lng"))                   ));                   bounds.extend(arr[arr.length - 1])                 }                 polygons.push(new google.maps.Polygon({                   paths: arr,                   title: html,                   strokeColor: '#FF0000',                   strokeOpacity: 0.8,                   strokeWeight: 2,                   fillColor: '#FF0000',                   fillOpacity: 0.35                                    }));                 polygons[polygons.length - 1].setMap(map);                                  var infowindow = new google.maps.InfoWindow({                                        content: html // Tentando pegar dados dos polygons individuais                 });                                  google.maps.event.addListener(polygons[polygons.length - 1], 'click', function(event) {                     infowindow.open(map);                     infowindow.setPosition(event.latLng);                 });                                }                              // });               map.fitBounds(bounds);             }                          var xmlString = '<?php echo $textolinha; ?>';                          /**              * Parses the given XML string and returns the parsed document in a              * DOM data structure. This function will return an empty DOM node if              * XML parsing is not supported in this browser.              * @param {string} str XML string.              * @return {Element|Document} DOM.              */             function xmlParse(str) {               if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined') {                 var doc = new ActiveXObject('Microsoft.XMLDOM');                 doc.loadXML(str);                 return doc;               }               if (typeof DOMParser != 'undefined') {                 return (new DOMParser()).parseFromString(str, 'text/xml');               }               return createElement('div', null);             }             google.maps.event.addDomListener(window, 'load', initialize);                      </script>         <style>             #map-canvas,             body,             html {               height: 100%;               width: 100%;             }                      </style>     </head>     <body>                  <div id="map-canvas"></div>     </body> </html>  
       
      O include export_xml.php: Saida do xml
       
      <subdivisions> <subdivision name="teste1" address="0" > <coord lat="-22.246906181604235" lng="-53.343656079469014" /> <coord lat="-22.246160343589366" lng="-53.34298025442864" /> <coord lat="-22.246612168987966" lng="-53.34231238438393" /> <coord lat="-22.24577306351632" lng="-53.34163110329415" /> <coord lat="-22.246309297178513" lng="-53.34088544918801" /> <coord lat="-22.24709286679633" lng="-53.34152917935158" /> <coord lat="-22.247917069182467" lng="-53.342210460441365" /> <coord lat="-22.24876923872473" lng="-53.34288149840766" /> <coord lat="-22.248292595053044" lng="-53.343581554960544" /> <coord lat="-22.247442990211773" lng="-53.34287048089961" /> </subdivision> <subdivision name="teste2" address="0" > <coord lat="-22.24744605203327" lng="-53.3428707695716" /> <coord lat="-22.24664667240292" lng="-53.34224581487113" /> <coord lat="-22.24714566457059" lng="-53.341564533781344" /> <coord lat="-22.247922698585814" lng="-53.342200217317874" /> </subdivision> </subdivisions>  
    • By Wesley Alves barnosa
      Olá amigos,
      Desenvolvi um projeto em cima deste domínio que é novo https://palestraparaprofessores.com.br e gostaria de saber o que realmente funciona para aumentar o meu Domain Authority?
      Um abraço 
    • By nino_bk
      Olá, não sei bem como funciona o fórum mas me cadastrei para tirar essa dúvida.
       Há um tempo criei um site gratuito no WordPress e, tentando aprender um pouco de SEO ouvi dizer que não se deve usar mais de um H1 na mesma página e quando coloco o site em ferramentas de análise de SEO, todos eles dizem que o site não deveria ter mais de um H1, queria saber. É possível rankear o site no Google mesmo assim?
      E também queria saber.É possível rankear sites gratuitos do WordPress?
    • By alisonalves
      Boa tarde Pessoal. Meu site passou por uma nova reestruturação e algumas páginas mudaram de nome e outras antes eram ".html" e agora são ".php". Acontece que muitas dessas páginas antigas são bastante visitadas e eu não queria perder a visitação delas. Vou dar um exemplo. Tenho uma página chamada carros_minas-gerais.html que passará a ser chamar carros_minas-gerais.php. Como faço para esta página antiga não perder visitação? Pensei em mantê-la com um redirecionamento para a página nova via "refresh". E com o passar do tempo quando estas páginas antigas perderem visitação eu as deletaria. Está certo meu raciocínio ou não? Valeu
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.