你可以試試vue-router的路由懶加載，將模塊進行拆分。

使用PHP代碼嵌套并不違背前后端分離思想。因為一般前后端分離有一層中間層，可以使用node或者php等。中間層可以做很多操作，如: 接口代理, 路由控制, 服務端渲染... 其實你的問題就屬于服務端渲染，你使用上php并沒有任何問題。
另外其實你新聞相關頁面應該使用類似這種組件處理react-placeholder

如果使用php嵌套方式，就是混合模式開發(fā) 耦合性比較高，不易于后期修改與維護,在初期加載可以運用緩存 這樣速度就比較快，當ajax獲取到數(shù)據(jù) 再修改界面渲染數(shù)據(jù)

我也覺得上面幾位說的對,服務端定時生成靜態(tài)化首頁,后面ajax更新dom節(jié)點,本地緩存部分數(shù)據(jù)
直覺應該還有更好的辦法

數(shù)據(jù)慢一些是肯定的啊 既然用了ajax加載 你還不如做個loading的覆蓋頁 等ajax 加載完再去掉比較容易

純粹的前后分離本來就不適用于所有場景，不要為了分離而分離。既然你的需求用前后分離很難實現(xiàn)（確實可以實現(xiàn)，只不過麻煩），那首頁就在后端渲染也并沒有什么問題啊。

如果純前端渲染又要 DOM 不提前顯示出來，可以用 CSS 將最外層 DIV 設置為 display: hidden，待加載完之后再改回 display: block。如果用了 UI 框架可能會有些坑，琢磨琢磨吧

要最快只有靜態(tài)化 其它都只能是各種優(yōu)化 樓上幾位的解答都是很好的可以參考

要求數(shù)據(jù)和DOM同時渲染出來,只有在數(shù)據(jù)請求過來之前 body hide() ，隱藏掉，再加個loading了，

新聞類，可能圖片比較多，試試 lazyload.js

贊同樓上 @GhostCoder 意見，如果要求同時渲染，不用 ajax 的話，lazy 之類的就不在考慮之列了。關于是否要PHP代碼嵌套混編，看項目實際情況，盡量不要太死板，PHP 是一門很靈活的語言；話說回來，主頁如果是新聞數(shù)據(jù)的話，最快顯示頁面，大概就是做靜態(tài)化了。