Skip to content

emberjs.com/api does not return fastboot-rendered page #427

@toddjordan

Description

@toddjordan

When you visit a specific API doc URL on emberjs.com, like https://emberjs.com/api/ember/2.18/classes/Engine, the html page is not populated as you would expect fastboot to do. What we would expect is the site to initially return the completely hydrated page, but what happens is only the initial bare index html is returned, and then hydrated by javascript, as a non-fastboot app would be. This raises some potential problems for seo/web crawlers, and negates the benefit of fastboot.

<!DOCTYPE html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/favicon-f2d07120d2bb7f0d4a63810011903d75.png">

    
<meta name="ember-api-docs/config/environment" content="%7B%22modulePrefix%22%3A%22ember-api-docs%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22routerRootURL%22%3A%22/api/%22%2C%22locationType%22%3A%22auto%22%2C%22API_HOST%22%3A%22https%3A//ember-api-docs.global.ssl.fastly.net%22%2C%22gaTrackingId%22%3A%22UA-27675533-1%22%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22scrollContainerSelector%22%3A%22body%2C%20html%22%2C%22cdnUrl%22%3A%22https%3A//ember-api-docs-frontend.global.ssl.fastly.net%22%2C%22name%22%3A%22ember-api-docs%22%2C%22version%22%3A%220.1.0%22%7D%2C%22fastboot%22%3A%7B%22hostWhitelist%22%3A%5B%7B%7D%2C%7B%7D%5D%7D%2C%22ember-algolia%22%3A%7B%22algoliaId%22%3A%22BH4D9OD16A%22%2C%22algoliaKey%22%3A%22760969ef081fcadc7e0e60faefdb0907%22%7D%2C%22contentSecurityPolicy%22%3A%7B%22default-src%22%3A%22%27self%27%20*.fastly.net%22%2C%22connect-src%22%3A%22%27self%27%20*.algolia.net%20*.algolianet.com%20*.fastly.net%22%2C%22script-src%22%3A%22%27self%27%20unsafe-inline%20use.typekit.net%20%27sha256-LEXBvGgYbhXJLZxA/dKnIx07iQsbEcS9SDWq01pWVAk%3D%27%20*.fastly.net%20https%3A//www.google-analytics.com%22%2C%22font-src%22%3A%22%27self%27%20data%3A//*%20https%3A//fonts.gstatic.com%20%20*.fastly.net%22%2C%22img-src%22%3A%22%27self%27%20data%3A//*%20%20*.fastly.net%20https%3A//www.google-analytics.com%22%2C%22style-src%22%3A%22%27self%27%20%27unsafe-inline%27%20https%3A//fonts.googleapis.com%20%20*.fastly.net%22%2C%22media-src%22%3A%5B%22%27self%27%22%5D%7D%2C%22contentSecurityPolicyHeader%22%3A%22Content-Security-Policy-Report-Only%22%2C%22emberAnchor%22%3A%7B%22anchorQueryParam%22%3A%22anchor%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
<link rel="manifest" href="https://ember-api-docs-frontend.global.ssl.fastly.net/manifest-3d39eff5c6dc08407ab0e3401b5a99fb.webmanifest">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-4x-cdadd9f076d638fcde04f718a16c6936.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-3x-df3376f6c81313444cc71cb856a55f72.png" sizes="144x144">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-2x-aeca450028870326b91461c481ccc680.png" sizes="96x96">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-1-5x-57a232f5f5521d736def82644d98fe93.png" sizes="72x72">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-1x-e98a51b2e26aab3aede8f6b4733822ca.png" sizes="48x48">
<link rel="apple-touch-icon" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/images/launch-icon-0-75x-e8013d4088cbecb964b4ffe7c29461ab.png" sizes="36x36">
<meta name="theme-color" content="#f67862">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Ember API Docs">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- EMBER_CLI_FASTBOOT_TITLE --><!-- EMBER_CLI_FASTBOOT_HEAD -->

    <link integrity="" rel="stylesheet" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/vendor-d41d8cd98f00b204e9800998ecf8427e.css">
    <link integrity="" rel="stylesheet" href="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/ember-api-docs-dc6473f030f464a8f21ff92289f19123.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet">

    
  </head>
  <body>
    <!-- EMBER_CLI_FASTBOOT_BODY -->

<script type='text/javascript'>
  var hash = window.location.hash;
  if (hash && hash.length > 1) {
    var pathName = window.location.pathname;
    var type = hash.slice(1, hash.indexOf('_'));
    var name = hash.slice(hash.indexOf('_') + 1, hash.length);
    var anchor = '?anchor=' +
                 name +
                 '&show=inherited,protected,private,deprecated' +
                 '&type=' +
                 type;
    window.location.hash = '';
    window.location.search = anchor;
  }
</script>


    <script src="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/vendor-10c4d20bee4563749d8781d814cf0054.js"></script>
    <script src="https://ember-api-docs-frontend.global.ssl.fastly.net/assets/ember-api-docs-07656873931197ddeb3074d5c89af3f7.js"></script>

    <div id="ember-basic-dropdown-wormhole"></div>
  </body>
</html>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions