title: COG on Google Cloud Storage - error using OpenLayers without NodeJS
body: <p>I'm playing with OpenLayers to display COG files uploaded on GCS.</p>
  <p>Using the NodeJS, an index.html and a main.js files, then building with Parcel (or others), everything works fine.</p>
  <p>When I tried to skip using NodeJS, coding an HTML files with the CDN imports, and the inline JavaScript, it looks like OpenLayers is not able to retrieve all the needed dependencies. In particular in the network request/response, I have:</p>
  <pre><code>Request URL: https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/build/231.ol.js
  Request Method: GET
  Status Code: 403 
  Remote Address: 151.101.241.229:443
  Referrer Policy: strict-origin-when-cross-origin 
  </code></pre>
  <p>and if I try to hit directly the URL in the Browser:</p>
  <p><a href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/build/231.ol.js" rel="nofollow noreferrer">https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/build/231.ol.js</a></p>
  <p>I got:</p>
  <pre><code>Package size exceeded the configured limit of 50 MB. Try https://github.com/openlayers/openlayers.github.io/tree/master/en/v6.14.1/build/231.ol.js instead. 
  </code></pre>
  <p>Why?</p>
  <p>Below the content of the HTML file I stored on GCS (layer styling omitted),</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;title&gt;COG on Google Cloud Storage&lt;/title&gt;
      &lt;script src=&quot;https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.0/build/ol.js&quot;&gt;&lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.0/css/ol.css&quot;&gt;
      &lt;style&gt;
        html, body {
          margin: 0;
          height: 100%;
        }
        #map {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 100%;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id=&quot;map&quot;&gt;&lt;/div&gt;
      &lt;script type=&quot;text/javascript&quot;&gt;
        var cogSource = new ol.source.GeoTIFF (
          {
            normalize: true,
            sources: [
              {
                url: 'https://storage.googleapis.com/fao-gismgr-cache/TEST/L1_AETI_21.tif',
                min: -9999,
                max: 16000
              }
            ],
            transition: 0
          }
        );
  
        var cogLayer = new ol.layer.WebGLTile (
          {
            source: cogSource
          }
        );
  
        var cogView = new ol.View (
          {
            projection: 'EPSG:4326',
            minZoom: 0,
            maxZoom: 12,
            center: [0,0],
            zoom: 4
          }
        );
  
        var map = new ol.Map({
          target: 'map',
          maxTilesLoading: 32,
          layers: [cogLayer],
          view: cogView
        });
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  <p>The COG and HTML file are on a public GCS bucket.</p>
  <p>To test, I use Chrome with web-security disabled (CORS policies)</p>
  <pre><code>open -na Google\ Chrome --args --user-data-dir=/tmp/temporary-chrome-profile-dir --disable-web-security --disable-site-isolation-trials
  </code></pre>
  <p>Could you help me?</p>
  <p>Thanks in advance,</p>
  <p>Davide</p>