Merge pull request plotly#276 from plotly/jsdocs-pagespeed-improvements

Optimized images on JS Splash Page
jesusmcantero · Jan 11, 2016 · 3b9496f · 3b9496f
2 parents 79b6b26 + 712a410
commit 3b9496f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/_config_dev.yml b/_config_dev.yml
@@ -6,7 +6,9 @@ gems:
 BASE_URL: http://localhost:4000
 staticurl: http://localhost:4000/all_static
 # all of the posts:  ['*.Rmd','_posts/2015-09-09-matlab-reference.html','_posts/2015-09-06-r-reference.html','_posts/2015-09-06-python-reference.html','_posts/2015-08-19-plotly_js-reference.html','_posts/2015-04-05-ggplot2-index.html','_posts/2015-04-05-julia-index.html','_posts/2015-04-05-matlab-index.html','_posts/2015-04-05-matplotlib-index.html','_posts/2015-04-05-node_js-index.html','_posts/2015-04-05-plotly_js-index.html','_posts/2015-04-05-plotlyjs-function-reference.md','_posts/2015-04-05-python-index.html','_posts/2015-05-25-ipython-notebooks_gallery.html','_posts/2015-05-25-ipython-notebooks_index.html','_posts/2015-07-13-eula_index.html','_posts/2015-07-19-pandas.html','_posts/2015-07-26-index.html','_posts/2015-07-30-r-index.Rmd','_posts/2015-07-30-r-index.md','_posts/2015-08-20-research-box-index.html','_posts/ggplot2','_posts/julia','_posts/matlab','_posts/matplotlib','_posts/nodejs','_posts/pandas','_posts/plotly_js','_posts/python','_posts/r','_posts/tutorials','_posts/user_guide_matlab','_posts/user_guide_python']
+
 exclude: ['*.Rmd','_posts/2015-09-09-matlab-reference.html','_posts/2015-09-06-r-reference.html','_posts/2015-09-06-python-reference.html','_posts/2015-08-19-plotly_js-reference.html','_posts/2015-04-05-ggplot2-index.html','_posts/2015-04-05-julia-index.html','_posts/2015-04-05-matlab-index.html','_posts/2015-04-05-matplotlib-index.html','_posts/2015-04-05-node_js-index.html','_posts/2015-04-05-plotly_js-index.html','_posts/2015-04-05-plotlyjs-function-reference.md','_posts/2015-04-05-python-index.html','_posts/2015-05-25-ipython-notebooks_gallery.html','_posts/2015-05-25-ipython-notebooks_index.html','_posts/2015-07-13-eula_index.html','_posts/2015-07-19-pandas.html','_posts/2015-07-26-index.html','_posts/2015-07-30-r-index.Rmd','_posts/2015-07-30-r-index.md','_posts/2015-08-20-research-box-index.html','_posts/ggplot2','_posts/julia','_posts/matlab','_posts/matplotlib','_posts/nodejs','_posts/pandas','_posts/plotly_js','_posts/tutorials']
+
 plotlyjs_download_url: https://cdn.plot.ly/plotly-latest.min.js
 imgurl: http://images.plot.ly/plotly-documentation/
 

diff --git a/_posts/2015-04-05-plotly_js-index.html b/_posts/2015-04-05-plotly_js-index.html
@@ -91,7 +91,7 @@
 
     <!-- <div class="graph" style="height: 75vh" id="contour-plot"></div> -->
     <div style="border: 1px solid #C2C2C2; width: 100%; text-align: center;">
-        <a class="image-link" style="display: inline-block;" href="https://plot.ly/~mdtusz/72.embed"><img style="width: 100%" src="https://plot.ly/~mdtusz/72.png?width=1000&height=600"/></a>
+        <a class="image-link" style="display: inline-block;" href="https://plot.ly/~mdtusz/72.embed"><img style="width: 100%" src="{{site.imgurl}}images/turbulence-simulation.jpg"/></a>
     </div>
     <pre><code class="js-splash--code-block">
   var data = [{
@@ -201,7 +201,7 @@
         </div>
         <div style="position: relative;" class="row">
             <div class="js-splash--inline-image-left">
-                <a class="image-link" style="display: inline-block;" href="https://plot.ly/~chris/17389.embed"><img style="width: 100%" src="https://plot.ly/~chriddyp/1771/hue-value-vs.png"/></a>
+                <a class="image-link" style="display: inline-block;" href="https://plot.ly/~chris/17389.embed"><img style="width: 100%" src="{{site.imgurl}}images/hue-value-vs.jpg"/></a>
             </div>
             <div class="js-splash--inline-text-right">
                 This chart was drawn with the <code>plotly.js</code> chart type <code>scattergl</code>. <code>scattergl</code> charts render an order of magnitude faster than their SVG counterparts.<br>
@@ -210,7 +210,7 @@
         <div style="position: relative; width: 100%" class="row">
             <div class="js-splash--inline-image-right">
                 <a class="image-link" style="display: inline-block; width: 100%;" href="https://plot.ly/~chriddyp/1780.embed">
-                <img style="width: 100%;" src="https://plot.ly/~chriddyp/1780.png"/>
+                <img style="width: 100%;" src="{{site.imgurl}}images/surface-plot.jpg"/>
                 </a>
             </div>
             <div class="js-splash--inline-text-left">