Google AMP Cache를 통한 이미지 최적화

다음 예에서는 최적화를 수행하기 전(왼쪽)과 후(오른쪽)의 이미지를 보여 줍니다. 원래는 이미지 크기가 241,260바이트였지만 1번, 2번, 4번 항목의 최적화를 적용한 후 이미지 크기가 25,760바이트로 감소합니다. 최적화를 수행한 후 이미지는 본질적으로 동일하게 보이지만, 전체 바이트의 89%나 절감되었습니다.

느린 네트워크 환경을 지원하는 AMP Lite

전 세계 많은 사람들이 연결 속도가 느린 네트워크나 RAM 사양이 낮은 기기에서 인터넷을 이용하고 있는데, 저희는 이렇게 대역폭이 크게 제한된 사용자에게는 일부 AMP 페이지가 최적화된 상태가 아니라는 점을 확인했습니다. 이 때문에 Google에서는 이러한 사용자를 위해 AMP 페이지에서 훨씬 더 많은 바이트를 삭제하는 AMP Lite도 출시했습니다.

AMP Lite를 사용해 위에서 설명한 모든 최적화를 이미지에 적용합니다. 특히, 항상 더 낮은 화질 수준을 사용합니다(위의 4번 항목 참조).

뿐만 아니라 amp-font 태그를 사용하고 글꼴 로드 제한시간을 0초로 설정하여 외부 글꼴을 최적화함으로써, 외부 글꼴이 이전에 캐시되었는지 여부에 관계없이 페이지를 즉시 표시할 수 있습니다.

AMP Lite는 베트남, 말레이시아 등 여러 국가에서 대역폭이 제한된 환경의 사용자와 전 세계에서 RAM 사양이 낮은 기기의 사용자를 대상으로 소개되고 있습니다. 참고로, 이런 최적화 과정에서 일부 이미지의 디테일이 바뀔 수도 있겠지만 광고를 포함하여 페이지의 다른 부분에는 영향을 미치지 않습니다.

* * *

요컨대, 위에서 설명한 모든 최적화에서 저희는 바이트 수가 통틀어 45% 줄어드는 것을 확인했습니다.

저희는 여기서 더 나아가 사용자 데이터의 사용 효율성을 더욱 높여 훨씬 더 빠른 AMP 환경을 제공할 수 있기를 바랍니다.

Google API 클라이언트 빌드 변경사항

• 하나의 Google API 클라이언트 연결을 통해, 플레이 게임 서비스 기능과 사용자 로그인 기능을 동시 지원
• 단일 API로 백엔드 서버에 보낼 인증 코드 가져오기

// Defaults to Games Lite scope, no server component
  GoogleSignInOptions gso = new
     GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_GAMES_SIGN_IN).build();

// OR for apps with a server component
   GoogleSignInOptions gso = new
     GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_GAMES_SIGN_IN)
         .requestServerAuthCode(SERVER_CLIENT_ID)
         .build();

// OR for developers who need real user Identity
  GoogleSignInOptions gso = new
     GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_GAMES_SIGN_IN)
         .requestEmail()
         .build();

// Build the api client.
     mApiClient = new GoogleApiClient.Builder(this)
                .addApi(Games.API)
                .addApi(Auth.GOOGLE_SIGN_IN_API, gso)
                .addConnectionCallbacks(this)
                .build();
    }

 @Override
    public void onConnected(Bundle connectionHint) {
        if (mApiClient.hasConnectedApi(Games.API)) {
            Auth.GoogleSignInApi.silentSignIn(mApiClient).setResultCallback(
                   new ResultCallback() {
                       @Override
                       public void onResult(GoogleSignInResult googleSignInResult) {
                           // In this case, we are sure the result is a success.
                           GoogleSignInAccount acct = 
                              googleSignInResult.getGoogleSignInAccount());
 
                          // For Games with a server, send the auth code to your server.
                          String serverAuthCode = signInAccount.getServerAuthCode();
 
                         // Use the API client as normal.
                        Player player = Games.API.getCurrentPlayer(mApiClient);
                       }
                   }
            );
        } else {
            onSignedOut();
        }
    }

iOS 내에서 계정 생성이 더 이상 지원되지 않음

• 현재는 신규 플레이어가 iOS에서 Play Games 계정을 만드는 기능이 지원되지 않습니다. 또한, iOS에서 Google+ 통합이 제거되었습니다. 따라서 "소셜" API는 성공을 나타내는 결과 코드를 반환하지만, 비어있는 목록을 반환합니다. 리더보드 및 멀티플레이어 초대를 위한 "표준" UI도 지원이 중단됩니다.

Google+가 더 이상 통합되지 않음

• 작년에 발표한 바와 같이, 이번 전환 과정에서 게임 기능이 Google+에서 분리됩니다. 그 결과, 서클을 통해 플레이어들을 연결해주는 API는 작동이 중단되었지만, 멀티플레이어 초대와 소셜 리더보드에 대한 표준 UI는 계속 작동했습니다. 하지만 2017년 2월부터는 Google+ 데이터에 액세스할 수 없게 되므로 표준 UI 역시 소셜 그래프 결과를 표시하지 않을 것입니다. 이는 Android의 멀티플레이어 게임, 소셜 리더보드 및 선물 API에 영향을 미치게 됩니다. 이에 따라 이런 API가 성공적으로 반환되긴 하지만 빈 플레이어 목록이 반환될 것입니다.

1. Games.Players.getPlayerSearchIntent()
2. Games.Players.loadConnectedPlayers()
3. Games.Players.loadInvitablePlayers()
4. LeaderboardVariant.COLLECTION_SOCIAL 값
5. Invitations.loadInvitations()
6. RealtimeMultiplayer.getSelectOpponentsIntent()
7. TurnBasedMultiplayer.getSelectOpponentsIntent()
8. Requests 패키지의 모든 메서드

HTTP 암호 및 신용카드 페이지의 “Not Secure” 경고

웹 블루투스

CSS position: sticky

이번 릴리스의 기타 특징들

• Android에 새로 추가된 Remote Playback API를 사용하면 사이트가 스마트 TV 및 스피커에서 HTMLMediaElement 재생을 시작하고 제어할 수 있습니다.
• WebVR API는 Android에서 개발자가 웹에 가상 현실 환경을 구축할 수 있는 원래 평가판으로 제공됩니다.
• WebGL 2.0 API는 데스크톱 플랫폼에서 기본적으로 활성화되어 <canvas> 요소를 통해 OpenGL ES 3.0 수준의 렌더링 기능을 제공합니다.
• 사용자가 대체로 사이트와 상호 작용하지 않은 경우 Adobe Flash 지원은 navigator.plugins 및 navigator.mimetypes에서 더 이상 광고되지 않습니다. 이는 사용자가 사이트별로 Flash 환경을 다시 활성화할 수 있더라도 적용됩니다.
• 사이트에서는 이제 Image Capture 초기 평가판을 사용하여 사진을 찍고 확대/축소와 같은 카메라 설정을 구성을 시험할 수 있습니다.
• CSS overflow-anchor 속성이 설정되지 않은 경우 콘텐츠가 뷰포트 위에 오도록 변경되면 Chrome이 이제 자동으로 스크롤 위치를 조정하여 뷰포트 안에 콘텐츠가 고정되도록 합니다.
• 이제 Notifications API를 통해 사이트가 image 속성을 설정하여 알림에 이미지를 포함할 수 있습니다.
• PaymentRequest API에는 requestPayerName 및 JSON 직렬화를 포함하여 다양한 새로운 기능이 추가되어 있습니다.

• 모바일 환경에서 URL 표시줄을 표시하거나 숨기는 경우 더 이상 vh와 같은 뷰포트 단위에 맞게 초기 포함 블록 또는 요소의 크기가 조정되지 않습니다.
• Text 입력 요소(예: <input type="text">)의 맞춤법 검사 기능이 이제 최소 512MB의 메모리와 시스템 사전을 갖춘 Android 기기에서 기본적으로 활성화되어 제공됩니다.
• 콘텐츠가 UI 내부에 포함되도록 맞추는 데 사용되는 일반 글꼴 모음이 모든 플랫폼에 걸쳐 표준화되어 이름이 system-ui로 변경되었습니다.
• 새 Referrer-Policy HTTP 헤더가 추가되었으므로 사이트가 사용자의 세션 ID 또는 기타 개인 정보를 유출하지 않고 URL을 통해 사이트 트래픽을 전달할 수 있습니다.
• KeyboardEvent.isComposing()을 통해서는 사이트에서 사용자가 키보드 이벤트를 직접 모니터링하지 않고 최신 KeyboardEvents를 기반으로 입력하는지 여부를 결정할 수 있습니다.
• Android용 Chrome에서는 다른 모바일 브라우저와 맞추기 위해 이제 휴대폰 연결 시 동영상에 대한 기본 preload 속성을 metadata로 설정하여 미리보기 이미지 및 시간 정보를 표시합니다.
• Chrome에서는 이제 TLS 1.3을 지원하고 draft-18을 기반으로 하는 1-RTT를 포함합니다.
• 사이트는 ImageBitmapRenderingContext를 사용하여 ImageBitmap 형식의 픽셀 데이터를 렌더링하여 메모리 사용량 및 합성 오버헤드를 줄일 수 있습니다.
• 사이트는 pinch-zoom CSS touch-action 속성을 사용하여 손가락 모으기 제스처에 응답할 수 있습니다.
• ConstantSourceNode는 AudioParam과 혼합된 상수 출력을 생성하는 새로운 오디오 소스 노드입니다.
• Web Audio ChannelSplitterNode 인터페이스에는 새로운 읽기 전용 특성인 channelCount가 있습니다. 이 특성은 createChannelSplitter()에서 numberOfOutputs로 정의됩니다.
• PannerNode.rolloffFactor가 이제 소스가 듣는 사람으로부터 멀리 이동되는 경우 볼륨 감소율을 규정하는 PannerNode 거리 모델의 공칭 범위로 고정합니다.
• window.prompt()는 페이지가 현재 포그라운드에 있지 않는 경우 해당 상위 탭에 더 이상 포커스를 두지 않습니다.
• Windows의 동작과 맞추기 위해 Chrome 확장 프로그램에서는 이제 Mac의 기본 검색, 시작 및 홈페이지 설정을 Chrome Settings Overrides API로 재정의할 수 있습니다.

지원 중단 및 상호 운용성 개선 사항

• WebAudio API는 speedOfSound, dopplerFactor 및 setVelocity를 비롯하여 지원이 중단된 Doppler API를 더 이상 포함하지 않습니다.
• 표준 적합성을 향상시키기 위해 RTCPeerConnection에서는 이제 iceTransportPolicy를 RTCConfiguration 매개변수로 받으며 iceTransports도 허용합니다.
• webkitRTCPeerConnection이 여전히 남아 있기는 하지만 RTCPeerConnection을 이제 webkit 접두사 없이 사용할 수 있습니다.
• 공백이 아닌 유니코드 제어 문자가 이제 무시되지 않고 사양에 따라 렌더링됩니다.
• reflected-xss 지시문이 X-XSS-Protection 헤더의 래퍼일 뿐이며 다른 추가 기능을 제공하지 않았으므로 콘텐츠 보안 정책 2에서 제거되었습니다.
• MediaStreamTrack.getSources() 메서드 지원 기능이 제거되었으며 MediaDevices.enumerateDevices()로 대체되었습니다.
• CSP referrer 지시문이 더 이상 지원되지 않으며, 새 Referrer-Policy 헤더로 대체되었습니다.
• ShadowDOM의 slotchange 이벤트가 발생해도, 슬롯의 assignedSlot에서 더 이상 다시 발생하지 않습니다.  
• 레거시 CBC 모드의 ECDSA 암호화 집합 ECDHE_ECDSA_WITH_AES_128_CBC_SHA 및 ECDHE_ECDSA_WITH_AES_256_CBC_SHA가 제거되었으며 최신 암호화 집합(예: ECDHE_ECDSA_WITH_AES_128_GCM_SHA256)으로 대체되었습니다.
• SHA-1에 대한 종속성을 줄이고 TLS 1.3의 새로운 ECDSA 처리에 맞추기 위해 SHA-1 및 SHA-512를 모두 사용하는 ECDSA가 제거되었습니다.
• Chrome이 더 이상 터치 스크롤(예: touchstart 및 touchmove)을 나타내는 입력이 수행되는 동안 팝업이 열리는 것을 허용하지 않습니다.
• link preload를 사용하여 선언전 가져오기를 통해 트리거되지 않는 경우 사이트에서 더 이상 유효하지 않은 type 또는 language 특성(예: type="python")이 설정된 스크립트에 대한 가져오기 작업을 시작하지 않습니다.
• MIDIMessageEvent.receivedTime has been deprecated in favor of Event.timeStamp, since Event.timeStamp now supports high-resolution monotonic time instead of epoch time.