Github issue: ipfs-blog#41

• March 12, 2021 4:54 PM
  • Build output folder dist (local prod build)
  • Three js files are large:
    • assets/js/3.931d19bc.js - 3.9 mb
    • assets/js/5.16ee2961.js - 4 mb
    • assets/js/app.c27e44bb.js - 1.1 mb
• Considering these files are only pulled on the homepage (not the blog post page it self) it might the issue that the blog list pulls both the list and its data (title, url, date, tags, etc) including the content of the blog post
• Looking at the component that lists the blog posts in the homepage:

  • https://github.com/ipfs/ipfs-blog/blob/main/src/.vuepress/theme/layouts/Blog.vue#L100

    publicPages: function () {
          let result = []
          this.$pagination.pages.forEach((page) => {
            if (this.categoriesList.includes(page.frontmatter.type)) {
    

    It could be the case that this array of all the pages includes metadata and the content of the markdown.

    By logging JSON.stringify(this.$pagination.pages).length I got 661592. = 661.592 characters

    By logging JSON.stringify(this.$pagination.pages[6]) I got:

    {
       "title":"IPFS at ETHDenver 2021",
       "frontmatter":{
          "tags":[
             "conferences",
             "community",
             "Ethereum"
          ],
          "title":"IPFS at ETHDenver 2021",
          "description":"The IPFS community was at ETHDenver in full force: bounties, help desks, and our favorite—new projects!",
          "author":{
             "name":"Jenn Turner"
          },
          "date":"2021-02-26T00:00:00.000Z",
          "permalink":"/2021-02-26-ipfs-at-ethdenver/",
          "translationKey":"",
          "header_image":"/2021-03-01-cardheader-ipfs-at-ethdenver.png",
          "authorKey":"jenn-turner",
          "layout":"BlogPost",
          "meta":[
             {
                "property":"article:published_time",
                "content":"2021-02-26T00:00:00.000Z"
             },
             {
                "property":"article:modified_time",
                "content":"2021-03-02T18:57:27.000Z"
             },
             {
                "property":"og:site_name",
                "content":"IPFS Blog & News"
             },
             {
                "property":"og:title",
                "content":"IPFS at ETHDenver 2021"
             },
             {
                "property":"og:description",
                "content":"The IPFS community was at ETHDenver in full force: bounties, help desks, and our favorite—new projects!"
             },
             {
                "property":"og:type",
                "content":"article"
             },
             {
                "property":"og:url",
                "content":"/2021-02-26-ipfs-at-ethdenver/"
             },
             {
                "property":"og:image",
                "content":"/2021-03-01-cardheader-ipfs-at-ethdenver.png"
             },
             {
                "name":"twitter:title",
                "content":"IPFS at ETHDenver 2021"
             },
             {
                "name":"twitter:description",
                "content":"The IPFS community was at ETHDenver in full force: bounties, help desks, and our favorite—new projects!"
             },
             {
                "name":"twitter:url",
                "content":"/2021-02-26-ipfs-at-ethdenver/"
             },
             {
                "name":"twitter:card",
                "content":"summary_large_image"
             },
             {
                "name":"twitter:image",
                "content":"/2021-03-01-cardheader-ipfs-at-ethdenver.png"
             },
             {
                "name":"twitter:label1",
                "content":"Written by"
             },
             {
                "name":"twitter:data1",
                "content":"Jenn Turner"
             },
             {
                "name":"twitter:label2",
                "content":"Filed under"
             },
             {
                "name":"twitter:data2",
                "content":"conferences, community, Ethereum"
             },
             {
                "property":"article:tag",
                "content":"conferences"
             },
             {
                "property":"article:tag",
                "content":"community"
             },
             {
                "property":"article:tag",
                "content":"Ethereum"
             }
          ]
       },
       "regularPath":"/_blog/ipfs-at-ethdenver-2021.html",
       "relativePath":"_blog/ipfs-at-ethdenver-2021.md",
       "key":"v-42890b96",
       "path":"/2021-02-26-ipfs-at-ethdenver/",
       "headers":[
          {
             "level":2,
             "title":"Event highlights",
             "slug":"event-highlights"
          },
          {
             "level":2,
             "title":"The Virtual Castle",
             "slug":"the-virtual-castle"
          },
          {
             "level":2,
             "title":"On the main stage",
             "slug":"on-the-main-stage"
          },
          {
             "level":2,
             "title":"New projects in the ecosystem",
             "slug":"new-projects-in-the-ecosystem"
          }
       ],
       "lastUpdated":"3/2/2021, 6:57:27 PM",
       "id":"blog",
       "pid":"blog"
    }
    

    So the content (frontmatter.body) is not there, only metadata. But it does have some data that doesn't seem to be necessary in this page like the SEO metadata and the headers of post. However this does not seem to be the main issue, since what we are looking for is for some reference that frontmatter.body is being loaded in the render of the list of posts.