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 EduBBO
      Meu blog tem mais de 10 anos e sempre cuidei da parte de SEO. Em 2018 contratei um profissional em SEO que fez uma enorme contribuição. Mas, para minha surpresa, em 2019 minhas visitas caíram muito, até que um dia percebi que a configuração para mecanismo de pesquisa tava "desfeita" (por falta de uma palavra melhor), especialmente a metadescrição estava vazia. Logo, quando acessava o HOME aparecia a mensagem "Não há nenhuma informação disponível para esta página." Todas as demais páginas (tenho quase 15 mil artigos) estão indexadas e com suas meta descrições normais. Faz meses que reconfigurei e coloquei de volta a meta descrição do blog, mas ainda assim não aparece nos resultados de buscas, apesar de toda indexação estar sendo feita normalmente.
        Alguma ideia? Agradeço desde já por qualquer ajuda!
    • 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?
×

Important Information

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