title: Raphael.js causing "Forced synchronous layout" bottleneck
body: <p>I monitored the page load time for my site in chrome (using Timeline), and got hundreds of warnings that said "Forced synchronous layout is a possible performance bottleneck" for all the Raphael.js calls:</p>
  
  <p><img src="https://i.stack.imgur.com/0fZkG.jpg" alt="enter image description here"></p>
  
  <p>I don't know how to fix this :/</p>
  
  <p>Any ideas on where to look?</p>
  
  <p>Here's how I normally create text on the page:                  </p>
  
  <pre><code>currentPaper.text(width,height,"text")
              .attr({opacity:.8, fill: "#333", 'font-size':10})
              .id = "someId";
  
  //Or, to be exact:
  
  currentPaper.text(x_pos+(width/2), 
                    y_pos-height/8, 
                    lopaLayoutArray.x[s].y1[r].y2[x])
              .attr({opacity:.8, fill: "#333", 'font-size':(10*size)})
              .id = seatName+"-textLabel";
  </code></pre>
  
  <p>Thanks!</p>