Merge pull request #77 from Codebrahma/website-perf-improvements

Website perf improvements

Author: Kameshwaran

src/templates/fonts.css

@@ -461,23 +461,23 @@ code.language-text.css-0 {
 /*----------------------RESET OVER----------------------------------*/
 @font-face {
   src: url("../fonts/TiemposTextWeb-Regular.woff") format("woff");
-  font-family: "TiemposText";
   font-display: swap;
+  font-family: "TiemposText";
 }
 @font-face {
   src: url("../fonts/TiemposTextWeb-RegularItalic.woff") format("woff");
-  font-family: "TiemposItalic";
   font-display: swap;
+  font-family: "TiemposItalic";
 }
 @font-face {
   src: url("../fonts/TiemposTextWeb-Bold.woff") format("woff");
-  font-family: "TiemposBold";
   font-display: swap;
+  font-family: "TiemposBold";
 }
 @font-face {
   src: url("../fonts/TiemposHeadlineWeb-Regular.woff") format("woff");
-  font-family: "TiemposHeadline";
   font-display: swap;
+  font-family: "TiemposHeadline";
 }
 
 a {

src/templates/layout.js

@@ -31,7 +31,6 @@ import Header from "./header"
 import theme from "../theme"
 import PlainLink from "../components/link"
 import TextWithIcon from "../components/textWithIcon"
-import cbLogo from './../images/logos/cb.png'
 import mailIcon from './../images/logos/mail.svg'
 import phoneIcon from './../images/logos/phone.svg'
 import locationIcon from './../images/logos/location.svg'
@@ -162,7 +161,12 @@ const Footer = ({ images }) => (
 
     <Flex mt={[0, 3]}>
       <Box mr={1} display={['none', 'block']}>
-        <img src={cbLogo} height="48px" alt="Codebrahma Logo" />
+        <Img
+          fixed={images['cb'].childImageSharp.fixed}
+          objectFit="contain"
+          height="48px"
+          alt="Codebrahma Logo"
+        />
       </Box>
       <Box>
         <Box mb={1}>
@@ -189,6 +193,14 @@ const Layout = ({ children }) => {
             }
           }
 
+          cb: file(relativePath: { eq: "logos/cb.png" }) {
+            childImageSharp {
+              fixed(width: 96, height: 48) {
+                ...GatsbyImageSharpFixed_withWebp_noBase64
+              }
+            }
+          }
+
           facebook: file(relativePath: { eq: "logos/facebook.png" }) {
             childImageSharp {
               fixed(width: 33, height: 33) {