Google AMP pretende agilizar la carga de las web móviles

13 de octubre de 2015

Nuestra sociedad actual vive en un entorno móvil. La cantidad de accesos a internet desde los dispositivos portátiles ha crecido exponencialmente, dejando a la pc en un segundo plano. Nos gusta estar conectados e informados de la actualidad estemos donde estemos. Con esta premisa nace el proyecto Accelerated Mobile Pages (AMP) presentado por la compañía Google y cuyo objetivo es mejorar considerablemente el rendimiento de carga de las páginas webs móviles de los medios de comunicación.

AMP HTML, como se denomina esta iniciativa, nace con la filosofía de la internet más pura. Es un proyecto de código abierto que pretende mejorar la velocidad de acceso de los lectores gracias a versiones más ligeras de las webs básicas mediante una herramienta de libre disposición que hará que las versiones móviles de las webs carguen instantáneamente y que además tenga característica responsive, esto es, que funcione a la perfección en todo tipo de plataformas y dispositivos.

Además, las páginas que se adhieran a esta iniciativa funcionarán en cualquier navegador o aplicación de visualización web y su sección de publicidad online no se verá alterada; más aún, esta herramienta pretende, a través de nuevos formatos publicitarios, no interferir en la experiencia móvil del usuario, permitiendo así una lectura más cómoda y sosegada.

Twitter, WordPress, The Washington Post, The Wall Street Journal, The New York Times, The Guardian,Time, Mashable, Pinterest o LinkedIn ya han anunciado que incorporarán próximamente este nuevo -y libre- formato. Cualquier medio de comunicación puede unirse a este proyecto gracias a su condición de software libre.

Administrador GayPeru https://gayperu.pe

Director y administrador del portal GAYPERU.COM

Últimos artículos

Artículo anterior

Bomberos brindan a poyo a jóvenes gays de NY

Artículo siguiente

10 señales de que encontraste a tu media naranja

Artículos relacionados

Leave a reply Cancelar respuesta

// -----------------------------------------------------------------------------// Código JavaScript para integrar usuario de WordPress con chat de Supabase // Colocar este código en el footer de WordPress antes del chat(function() { // 1. Función para obtener datos del usuario de WordPress function getWordPressUserData() { // WordPress debe proporcionar estos datos vía PHP if (typeof wpUserData !== 'undefined' && wpUserData.isLoggedIn) { return { isLoggedIn: true, userId: wpUserData.userId, username: wpUserData.username, email: wpUserData.email, displayName: wpUserData.displayName }; } return { isLoggedIn: false }; }// 2. Función para inicializar el chat con datos del usuario function initializeChatWithUser() { const userData = getWordPressUserData(); if (userData.isLoggedIn) { console.log('Usuario WordPress detectado:', userData.username); // Guardar datos del usuario para el chat localStorage.setItem('chatUser', JSON.stringify({ id: userData.userId, username: userData.username, email: userData.email, displayName: userData.displayName, source: 'wordpress' }));// Disparar evento personalizado para que el chat sepa que hay usuario window.dispatchEvent(new CustomEvent('wordpressUserReady', { detail: userData })); } else { console.log('No hay usuario logueado en WordPress'); localStorage.removeItem('chatUser'); // Opcional: redirigir a login o mostrar mensaje showLoginPrompt(); } }// 3. Función para mostrar prompt de login si no hay usuario function showLoginPrompt() { // Puedes personalizar este mensaje const loginDiv = document.createElement('div'); loginDiv.innerHTML = `

Para usar el chat necesitas estar logueado

Iniciar Sesión

`; // Insertar antes del chat (ajusta el selector según tu HTML) const chatContainer = document.querySelector('#chat-container') || document.querySelector('.chat-container'); if (chatContainer) { chatContainer.parentNode.insertBefore(loginDiv, chatContainer); } }// 4. Función para obtener historial del usuario desde Supabase function loadUserChatHistory() { const userData = JSON.parse(localStorage.getItem('chatUser') || '{}'); if (userData.id) { // Este evento lo debe escuchar tu chat para cargar el historial window.dispatchEvent(new CustomEvent('loadChatHistory', { detail: { userId: userData.id, username: userData.username } })); } }// 5. Inicializar cuando la página esté lista if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeChatWithUser); } else { initializeChatWithUser(); }// 6. Cargar historial después de inicializar usuario setTimeout(loadUserChatHistory, 1000);})();