Local blog for Spanish speaking developers in LATAM
Chrome 52 Beta: Contención de CSS, medición más simple del rendimiento, respuestas transmisibles de procesos de trabajado de servicios y más opciones para notificaciones push web
sábado, 15 de octubre de 2016
Publicado por Shubhie Panicker, Sistemas de alto rendimiento
A menos que se realicen otras observaciones, los cambios que se describen a continuación se aplican a la versión más reciente del canal
Beta
de Chrome para Android, el sistema operativo Chrome, Linux, Mac y Windows.
Contención de CSS
Las experiencias completas e interactivas son una piedra angular de la Web, pero a veces su representación puede llevar mucho tiempo debido a su complejidad. Actualmente, Chrome mejora el rendimiento de representación mediante heurística para determinar las secciones de una página que se modifican. En lugar de representarse por completo la página 60 veces por segundo, solo se actualizan aquellas secciones de esta que se modifican. Sin embargo, debido a que los elementos pueden mostrarse fuera de los límites de sus nodos primarios, es posible que los cambios en un elemento tengan efecto en elementos de otras secciones de un documento. Esto aumenta notablemente la cantidad de elementos que deben tenerse en cuenta en Chrome durante la representación.
La propiedad de
contención
de CSS, una novedad de esta versión, permite que los programadores
eviten la visualización de los campos secundarios de un elemento fuera de sus límites
. Cuando se actualiza un elemento, este respaldo permite que Chrome ignore elementos que queden fuera del nodo primario durante la representación, lo cual reduce los tiempos de representación.
Observador de rendimiento
Es fundamental recopilar datos precisos de medición de usuarios reales (RUM) para la detección de problemas de rendimiento y regresiones que puedan tener efectos negativos en la experiencia de usuario de un sitio. Las DevTools de Chrome permiten la prueba de sitios locales. Sin embargo, medir el rendimiento de un sitio con usuarios reales que usan diferentes dispositivos puede suponer un desafío. La versión más reciente de Chrome admite la
PerformanceObserver
API, que
simplifica y optimiza la recopilación de datos de RUM
en el tiempo de ejecución. En lugar de realizar sondeos en busca de actualizaciones,
los sitios pueden declarar las métricas que se buscan
. El navegador notifica al sitio cuando hay disponibles nuevos puntos de datos para dichas métricas.
Respuestas de procesos de trabajado de servicios con tecnología de ReadableStreams
La transmisión de respuestas HTTP permite que los navegadores representen de manera progresiva partes de un documento HTML grande antes de que esté disponible la respuesta completa. La versión más reciente de Chrome
mejora los procesos de trabajo de servicios al agregar respaldo de transmisión
. En los sitios puede usarse la
Streams API
para construir objetos
Response
transmisibles pasando une elemento
ReadableStream
al constructor de respuestas.
El cliente de Wikipedia sin conexión
demuestra los beneficios de velocidad de las secuencias legibles.
Soporte para protocolo de notificaciones push web y VAPID
Las notificaciones push
han dado lugar a un nuevo nivel en términos del regreso de usuarios inactivos para apps web. Sin embargo, hasta ahora los programadores han tenido que usar servicios de entrega de mensajes push confidenciales y diferentes API para los distintos navegadores. Chrome ahora admite
VAPID
, un estándar abierto para autenticar el servidor de un sitio con un servicio de notificaciones push. Al aplicarse VAPID, se atribuye a los sitios un terminal de
envío de mensajes a través de la nube de Firebase
, que admite el
protocolo de notificaciones push web entre navegadores
.
Otras opciones de esta versión
Chrome ahora pausa animaciones mientras se muestran cuadros de diálogo modales.
Los
servicios alternativos
HTTP permiten especificar en los sitios orígenes adicionales que pueden usarse para alcanzar un recurso determinado, lo cual facilita las actualizaciones de protocolos y el equilibrio de carga.
ImageBitmaps
se puede crear de manera más sencilla usando
ImageBitmapOptions
para especificar configuraciones en la construcción.
En los sitios ahora es posible liberar la memoria consumida por un elemento ImageBitmap a través de
ImageBitmap.close()
.
Chrome ahora admite versales pequeñas de
OpenType
y estilos más sencillos de números con las propiedades
font-variant-caps
y
font-variant-numeric
.
Los gestos táctiles
en un iframe de origen cruzado ya no pueden activar elementos emergentes a menos que se correspondan con un gesto táctil, lo cual evita la aparición accidental de estos elementos durante el desplazamiento.
Ahora solo a través de orígenes seguros
se pueden crear o borrar cookies seguras
en Chrome para Android.
La última versión de Chrome admite
-webkit-appearance:none
, que inhabilita la representación predeterminada de elementos
meter
HTML5 y facilita los ajustes de estilos CSS personalizados.
La expresión de política de seguridad de contenido
unsafe-dynamic
permite que en los sitios se usen listas blancas de uso único o basadas en hash para verificar fuentes de secuencias de comandos. Esto facilita la
protección contra ataques de secuencias de comandos de orígenes cruzados
.
En los sitios,
ahora se puede usar la Fetch API
a fin de
fijar la política de referencias
de manera programática para una
solicitud
.
CanvasRenderingContext2D
ahora admite el atributo
filter
, lo cual permite que en los sitios se apliquen efectos a primitivas dibujadas en el lienzo.
En los sitios ahora es posible realizar pruebas para verificar si existe una llave dentro de los límites de un elemento
IDBKeyRange
a través de
IDBKeyRange.includes()
.
El atributo
HTMLMediaElement.srcObject
simplifica la asociación de un elemento
MediaStream
con un elemento de medios.
AudioParam
ahora admite los atributos
min y max
para simplificar la introspección.
RTCCertificates
ahora se puede almacenar en IndexedDB.
PannerNode
y
AudioListener
ahora admiten métodos de automatización. Esto permite transiciones de audio fluidas.
En las hojas de estilo ahora se pueden especificar valores alpha para colores usando
valores hexadecimales de ocho y cuatro bits
en lugar de la sintaxis de rgba(), más extensa.
En los sitios
ahora se puede experimentar
con el
almacenamiento persistente
a modo de
prueba de origen
. Esto permite que en un sitio se pueda inhabilitar el borrado de almacenamiento automático cuando se seleccione como marcador.
Ahora se presentarán varias pistas WebVTT como
opciones de usuario
en los controles de medios predeterminados. Lo cuál hará posible la selección de idiomas para subtítulos.
Las anulaciones
postMessage
con la forma postMessage(message,transferables,targetOrigin) han quedado en desuso.
El evento “ended”
MediaStream
y el atributo “onended” correspondiente han quedado en desuso.
En la entrada
icons
del
manifiesto de apps web
ya no se admite la propiedad de densidad.
Los botones del mouse que no sean el primario y el secundario ya no activan eventos de
clics
.
El atributo
DynamicsCompressorNode.reduction
ahora es un valor flotante de solo lectura en lugar de un AudioParam.
Los campos secundarios
flexbox
con position:absolute ahora se
posicionarán usando “justify” y “align”
si no hay especificada una posición left:, right:, top: o bottom: para el elemento.
requestAutocomplete()
ha quedado en
desuso y se ha eliminado
debido a las bajas cifras de uso.
X-Frame-Option
ya no será compatible con la etiqueta meta para admitir una implementación más segura.
Los valores no válidos para
track-kind
ahora se tratan como metadatos en lugar de subtítulos, a fin de mejorar el comportamiento de medios en agentes de usuario anteriores.
Labels
.app
.dev
.txt
#AMP
#CPU
#DeveloperStudentClubs
#DevFest
#DragonBall
#DSC
#Forsety
#ForsetySecurity
#freeandopen
#GCP
#Google
#GoogleCloud
#GoogleCloudPlatform
#GoogleLaunchpad
#iio2009
#Kubernetes
#MaterialDesign
#OneCommunity
#Security
#TensorFlow
#UPGlobal
#UpLatam
#WithGoogle
+page
10 YEARS
2013
2019
64 bits
A/B Testing
AA
Accelerator
Action on Goolge
actionbar
Actions
Actions Console
AdMob
Ads
adwords
adwords api
AI
AIY
ajax
alarmmanager
ALFA
almacenamiento
alojamiento de proyectos en google code
AMP
AMP Conf
AMP Project
amp-date-picker
amphtml
Analytics
Andorid
android
Android (operating System)
Android 3.1
android 3.3
android 4.2
android 9
Android 9 Pie
Android App Bundle
android design
Android Dev Summit
Android Developers
android Jetpack
Android P
Android SDK
Android Studio
Android Things
Android Wear
AndroidDevStory
androititlan
angelina jolie
Annotation
Announcements
anuncios
API
API Analytics YouTube
Apigee
APIs
Aplicaciones
aplicaciones chrome
app
app engine
App Indexing
app invites
App Server
applications
AppQuality
apps
Apps Script
AR
ARCore
arte
ATLAS
AWP
backend
Base64
batch
Bava
Betatesting
Better Ads Standars
bigdata
BigQuery
Biometrics
blink
bootcamp
BOT
BQ
Business
búsqueda ajax
by Google
byCases
byCommunity
byDevelopers
byGoogle
C++
CALENDAR
Cardboard
case
caso de éxito
Casos de éxito
casos destacados
CCOSS
Century Fox
chat
chrome
chrome web store
chromebook
chromecast
chromium
Cinéfilos
cloud
Cloud Anchors
CLOUD endpoints
Cloud Firestore
Cloud Functions
Cloud IoT Core
Cloud Next
Cloud Scheduler
Cloud services
cloud test lab
Cloud Text-to-Speech
Cloud Translation
CMD en vivo
coconut
code
code-in
code.org
CodeLabs
código
código abierto
Colab
colombia
Communities
Comunidades
concurso google
conference
contenedores
convocatoria
Coordinate
crashlytics
CRE
crear aplicaciones ajax
creatividad
Crowdsource
CSS
cws
daniela robles
dart
dart sdk
dartium
dartlang
Dataset
DCL
denis labelle
desarrolladores
Desarrolladores Google
desarrolladores LatAm
Desarrollar
Design
Design Sprint
Destacados
dev
Dev.f
DevArt
DevBus
DevBusLatAm
Developer Bus
Developer Summit
DeveloperConsole
developers
DevFest
devoxx
dialogflow
diseño UX
Distribuir
DNS
DOM
domain
DonkeyCar
doubleclick
Drive SDK
Drivers
ecommerce
ecosistema
elections
elizalde
Emoticons
emprendedores
empresas
engagement
english
Enhanced Campaigns
enterprise
eventos
Events
evolución de aplicaciones
Excel
ExpertosDicen
Faas
Family
FanBridge
FCM
FCP
Featured
fido
find people
Fintech
firebase
Firebase Cloud Messaging
firebase summit
flu trends
Flutter
Flutter 1.0
flutter 1.7
flutter developers
Flutter Live
FlutterLive
FoundersLab
Freebase
Fuction
Fuctions
Full-Stack
functional programming
G Suite Dev Show
G+
g+ goto gal
G+GotoGal
GAE
game
games
GCloud
gcm
GCP
GCS
GDA
GDE
GDG
GDH
GDL
GDLevent
GDS
Get Inspired
get.app
GitHub
GLP
gmail
golang
GOMO
Google
Google Accelerator
Google AdMob SDK
Google AdWords
Google Analytics
Google APIS
Google App Engine
Google Apps
Google Apps Script
Google Art Project
Google Assistant
google calendar
google cast
Google Charts
Google Chrome
Google Cloud
Google Cloud Console
Google Cloud Messaging
Google Cloud Next
Google Cloud Platform
Google Cloud Platform Newsletter
google cloud platforn
Google Cloud Storage
google code-in
Google Compute Engine
Google Dataset
Google Developer Groups
google developers
Google Developers Academy
google developers expert
Google Developers Hackademy
google dns
Google Drawings
Google Drive
Google Earth
Google for games
Google Forms
google geo
Google Home
google i/o
google i/o extended
google io
Google Keep
Google Kubernetes Engine
Google Launchapad
Google Launchpad
Google Maps
google maps coordinate
Google Maps Platform
Google Mexico
Google Nose
google now
Google Person Finder
google places api
Google Play
Google Play Books
Google Play Developer API
google play games
Google Play Movies
Google Play Protect
Google Play Services
Google Plus
Google Science Fair
google search
Google Sheets
google sign in
Google Top Geek
Google+
Google+ Communities
Google+ Hangouts
google+ sign-in
GoogleAPI
googlecloud storage
GoogleCloudPlatform
googledevs
GooglePlay
Googleplex
Goolge Lunchpad
GTG
Hackademy
hackers
Haiko
Haití
hangouts
Hangouts Remote Desktop
hardcode
Heello
honeycomb
HTML
HTML5
HTTPS
I/O
IA
IAM
IETF
IFAI
in app purchases
in-app
ingles
Ingress
instagram
integración de soluciones
interactive post
Interesante
International
International Women’s Day
IO
io15
io18
io19
iOS
IoT
istio
IU
IVR
J2EE
java
JavaScript
jelly bean
JS
JSON
Juegos
juegos html5
Kit ML
Knative
kotlin
kUBERNATES
Kubernetes
LATAM
latamRegionSur
Launchpad
Launchpad Studio
Lenovo Mirage Solo
lightbox
linux
lucero galindo
machine learning
Made with Code
Mapdata
Mapeo
maps
Maps Ad Unit
Maps API
Maps Engine
Market
Marketing
Marshmallow
MATERIAL DESIG
Material Design
mejores apps 2013
México
michelle marie
MIT
MIT Global Start-up Labs
MIT-AITI
ML
ML Kit
mobile
monetizar
mongoDB
MOOC
Motorola
Mountain View
móvil
MQTT
mr.white
mTLS
natalie villalobos
Navigation
NBA JAM
NES
Next Big Sound
Next Level
nfc
Niantic
Nik
NINTENDO
node.js
NoSQL
nube
OAuth2
Objective-C
OClock
open source
OPenApi
OS
OSS
Paas
PageSpeed
PagesSpeed
parallel18
patrones
patters
performance
permisos
Pipeline API
Pixability
pixel
Píxel
play
Play Console
Playtime
Podcast
pollito pio
Polymer
por lote
Posse
Prediction API
primer
Producto
programación
Propositos
Protocol Buffers
proyecto 20%
Push API
PYMES
python
Q
Q4
quickoffice
Rasberry Pi Zero WH
Raspberry Pi
Realtime
Reflectly
register
Release
Resources
robots.txt
Safe
SDK
Search
Security
seedbank
seguridad
SEO
servidores
Showyou
sign-in
SNES
SO
social media
Spain
SpLATAM
SQL
SQLite
Start
startup grind
Startup Launch
startup weekend
startup weekend for the planet
startupbus
startups
StayAtHome
story
Street View
subtitles
success
sw
SyScan
tablet
Tablet Optimization Tips
tabletas
takeaction
Tango
tendencias 2013
TensorFlow Developer Summit
testing
TextView
TF JAM
The Garage
The Venture City
tips G+
tips gmail
TLD
TLS
Top Experts
Top Geek
top level domain
TopExpert
topics
traducciones
Transparency Report
triggers
Tubular Labs
twilio
Tyka
TypeScript
UAC
udacity
ui
Umbrales
UNAM
unity
Unity3D
universal search
UX
Vector
VectorDrawable
video juegos
vidIQ
ViewPager
Visual Progress
Voicekit
VPC
VR
VSCode
web
Web hosting
Web móvil
WebAssembly
with google
Wizdeo
WizTracker
Women at Google
Women Techmakers
workmanager
WTM
XKCD
XML
Yifat Cohen
youtube
YouTube Analytics API
YouTube API
YouTube Data API
YouTube One Channel
YouTube Player API
Archive
2024
sept
2023
nov
oct
sept
ago
jun
may
abr
mar
ene
2022
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2021
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
2020
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2019
dic
nov
oct
sept
ago
jun
may
abr
mar
feb
ene
2018
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
2017
nov
sept
ago
jul
jun
may
abr
ene
2016
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2015
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2014
dic
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2013
dic
nov
oct
ago
jul
jun
may
abr
mar
feb
ene
2012
dic
nov
oct
sept
ago
jul
2011
nov
oct
may
mar
2010
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2009
dic
nov
sept
ago
jul
jun
may
abr
mar
feb
ene
2008
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2007
dic
Feed
Desarrolladores
Eventos y Comunidad
Casos Destacados
Dicen los Expertos
Google Accelerator